<template>
    <div>
        <div v-if="!data.isMobile" style="width: 100%;position: relative;margin-top: 25px;">
            <div v-if="data.loginedUserInfo == undefined"
                style="width: 100%;height: calc(100vh - 120px);border-radius: 5px;background-color: #d2edef;padding-left: 50%;padding-top: calc(50vh - 60px);">
                <div style="transform: translate(-50%,-50%);display: inline-block;text-align: center;">
                    登录以使用志愿填报功能<br>
                    <a-button @click="changePage(7)" style="margin-top: 10px;" type="primary">登录</a-button>
                </div>
            </div>
            <!-- <userInfoSection v-if="data.loginedUserInfo!=undefined" :user-info="data.loginedUserInfo" style="margin-bottom: 20px;"></userInfoSection> -->
            <div v-if="!isMyApplicationPage">
                <div v-if="data.loginedUserInfo != undefined" style="width: 300px;display: inline-block;">

                    <userInfoSection2 v-if="data.loginedUserInfo != undefined" :user-info="data.loginedUserInfo">
                    </userInfoSection2>
                    <div
                        style="border-radius: 5px;border: 1px solid rgb(230,230,230);width: 100%;margin-bottom: 20px;margin-top: 20px;">
                        <div style="width: 100%;padding: 20px 20px;border-bottom: 1px solid rgb(230,230,230);">
                            志愿智能填报
                        </div>
                        <div style="padding: 20px 20px">
                            <a-steps :current="currentStep" direction="vertical" style="font-size: 12px;">
                                <a-step>选择批次<br>
                                    <div v-if="currentStep != 1" style="font-size: 14px;">
                                        已选择{{ batch }}段。
                                    </div>
                                </a-step>
                                <a-step>智能填报</a-step>
                                <a-step>生成志愿表</a-step>
                            </a-steps>
                        </div>
                    </div>

                    <div v-if="currentStep == 2 || currentStep == 1"
                        style="border-radius: 5px;border: 1px solid rgb(230,230,230);">
                        <div style="padding: 20px 20px;border-bottom: 1px solid rgb(230,230,230);">
                            菜单
                        </div>
                        <div style="padding: 10px 10px;">
                            <div class="right-button" @click="() => {
                                isMyApplicationPage = true;
                                getMyApplications();
                                getFormList();
                            }">
                                我的志愿表
                                <svg width="15" height="15" viewBox="0 0 48 48" fill="currentColor">
                                    <path fill-rule="evenodd" clip-rule="evenodd"
                                        d="M32.556 24L16.293 7.737a1 1 0 010-1.415l1.414-1.414a1 1 0 011.414 0L36.8 22.586a2 2 0 010 2.828L19.121 43.092a1 1 0 01-1.414 0l-1.414-1.414a1 1 0 010-1.414L32.556 24z"
                                        fill="currentColor" />
                                </svg>
                            </div>
                        </div>
                    </div>
                </div>
                <div v-if="data.loginedUserInfo != undefined"
                    style="width: calc(100% - 320px);display: inline-block;float: right;">
                    <div>
                        <div v-if="currentStep == 1">
                            <div
                                style="width: 100%;height: 200px;color: black;border-radius: 5px;background-position: center;background-repeat: no-repeat;background-size: cover;background-image: url(https://api.dujin.org/bing/1920.php);">
                                <div
                                    style="width: 100%;height: 100%;padding-left: 50%;padding-top: 100px;background-color: rgba(255,255,255,0.8);backdrop-filter: blur(20px);">
                                    <div style="display: inline-block;transform: translate(-50%,-50%);">
                                        <div style="text-align: center;font-size: 24px;">
                                            欢迎使用志愿智能填报系统
                                        </div>
                                    </div>
                                </div>

                            </div>


                            <div style="font-size: 14px;margin-top: 20px;">
                                请选择批次
                            </div>

                            <div
                                style="padding: 40px 20px;margin-top: 20px;border-radius: 5px;background-color: #eef7ff;position: relative;">
                                <div style="display: inline-block;font-size: 20px;">
                                    1段
                                </div>
                                <div style="font-size: 14px;margin-top: 5px;" v-if="data.batchScore != undefined">
                                    批次线：{{ data.batchScore.batch1 }}分
                                </div>
                                <a-button :disabled="batch == 2 && (isGettingMyApplication || isPreparing)"
                                    :loading="(isGettingMyApplication || isPreparing) && batch == 1" @click="() => {
                                        batch = 1;
                                        daCurrent = 1
                                        currentStep = 2
                                        ISGet()
                                    }" type="primary"
                                    style="position: absolute;right: 20px;top: calc(129px / 2 - 32px / 2);padding: 0 30px;">选择</a-button>
                            </div>

                            <div
                                style="padding: 40px 20px;margin-top: 20px;border-radius: 5px;background-color: #eef7ff;position: relative;">
                                <div style="display: inline-block;font-size: 20px;">
                                    2段
                                </div>
                                <div style="font-size: 14px;margin-top: 5px;" v-if="data.batchScore != undefined">
                                    批次线：{{ data.batchScore.batch2 }}分
                                </div>
                                <a-button :disabled="batch == 1 && (isGettingMyApplication || isPreparing)"
                                    :loading="(isGettingMyApplication || isPreparing) && batch == 2" @click="() => {
                                        batch = 2;
                                        daCurrent = 1
                                        currentStep = 2
                                        ISGet()
                                    }" type="primary"
                                    style="position: absolute;right: 20px;top: calc(129px / 2 - 32px / 2);padding: 0 30px;">选择</a-button>
                            </div>
                        </div>
                        <div v-if="currentStep == 2">
                            <div
                                style="padding: 20px 20px;border-radius: 5px;background-color: rgb(239,250,254);margin-bottom: 20px;">
                                <div style="margin-bottom: 10px;">
                                    <span>
                                        <div style="width: calc(50% - 3px);display: inline-block;">
                                            院校名称
                                            <a-input v-model="searchForm.universityName" allow-clear placeholder="请输入院校名称"
                                                style="height: 35px;padding: 0 0;background-color: rgba(0,0,0,0);border: 0;border-bottom: 1px solid rgb(0,120,215);"></a-input>
                                        </div>
                                    </span>
                                    <span>
                                        <div style="width: calc(50% - 3px);margin-left: 6px;display: inline-block;">
                                            专业名称
                                            <a-input-tag v-model="searchForm.majorName" allow-clear placeholder="请输入专业名称"
                                                style="height: 35px;padding: 0 0;background-color: rgba(0,0,0,0);border: 0;border-bottom: 1px solid rgb(0,120,215);height: 32px;border-radius: 3px;"></a-input-tag>
                                        </div>
                                    </span>
                                </div>
                                <div style="margin-bottom: 10px;">
                                    <span>
                                        <div style="display: inline-block;width: calc(50% - 3px);">
                                            学费
                                            <div>
                                                <!-- <a-input v-model="searchForm.moneyMin" style="width: calc(50% - 10px);background-color: rgba(0,0,0,0);border: 0;border-bottom: 1px solid rgb(0,120,215);padding: 0 0;" placeholder="最小值"></a-input>
                                    <span style="padding: 0 5px;">-</span> -->
                                                <a-input v-model="searchForm.moneyMax"
                                                    style="width: calc(100%);background-color: rgba(0,0,0,0);border: 0;border-bottom: 1px solid rgb(0,120,215);padding: 0 0;"
                                                    placeholder="最大值"></a-input>
                                            </div>
                                        </div>
                                    </span>
                                    <span>
                                        <div style="display: inline-block;width: calc(50% - 3px);margin-left: 6px;">
                                            分数浮动
                                            <div>
                                                <a-button
                                                    style="background-color: rgba(0,0,0,0);cursor: unset;padding: 0 0;">上升：</a-button>
                                                    <a-input v-if="data.loginedUserInfo!=undefined && data.loginedUserInfo.isVip==0"  :disabled="true"
                                                    style="width: calc(50% - 4em);background-color: rgba(0,0,0,0);border: 0;border-bottom: 1px solid rgb(0,120,215);padding: 0 0;"
                                                    placeholder="开通vip后解锁"></a-input>
                                                <a-input v-if="data.loginedUserInfo!=undefined && data.loginedUserInfo.isVip==1" v-model="searchForm.scoreUp" :disabled="data.loginedUserInfo!=undefined && data.loginedUserInfo.isVip == 0"
                                                    style="width: calc(50% - 4em);background-color: rgba(0,0,0,0);border: 0;border-bottom: 1px solid rgb(0,120,215);padding: 0 0;"
                                                    placeholder="上升分数"></a-input>
                                                <a-button
                                                    style="background-color: rgba(0,0,0,0);cursor: unset;padding: 0 0;">下降：</a-button>
                                                    <a-input v-if="data.loginedUserInfo!=undefined && data.loginedUserInfo.isVip==0" :disabled="true"
                                                    style="width: calc(50% - 4em);background-color: rgba(0,0,0,0);border: 0;border-bottom: 1px solid rgb(0,120,215);padding: 0 0;"
                                                    placeholder="开通vip后解锁"></a-input>
                                                <a-input v-if="data.loginedUserInfo!=undefined && data.loginedUserInfo.isVip==1"  v-model="searchForm.scoreDown"
                                                    style="width: calc(50% - 4em);background-color: rgba(0,0,0,0);border: 0;border-bottom: 1px solid rgb(0,120,215);padding: 0 0;"
                                                    placeholder="下降分数"></a-input>
                                            </div>
                                        </div>
                                    </span>
                                </div>
                                <div style="margin-bottom: 0px;">
                                    类型层次<br>
                                    <a-checkbox-group v-model="searchForm.levels" style="line-height: 35px;">
                                        <a-checkbox value="985">985</a-checkbox>
                                        <a-checkbox value="211">211</a-checkbox>
                                        <a-checkbox value="双一流">双一流</a-checkbox>
                                    </a-checkbox-group>
                                </div>
                                <div>
                                    省份<br>
                                    <div>
                                        <a-checkbox-group v-model="searchForm.provinces" style="line-height: 25px;">
                                            <!-- <a-checkbox value="">不限</a-checkbox> -->
                                            <a-checkbox v-for="item in provinces" v-bind:key="item" :value="item">{{ item
                                            }}</a-checkbox>
                                        </a-checkbox-group>
                                    </div>
                                </div>
                                <div style="text-align: right;margin-top: 10px;">
                                    <a-button :disabled="isPreparing || isAutoFilling || isSmartSearching"
                                        style="padding: 0 30px;margin-left: 10px;" type="primary"
                                        @click="daType = 'all';
                                        daCurrent = 1
                                        ISGet()">全部{{ daType=='all'?'（当前）':'' }}</a-button>
                                    <a-button :disabled="isPreparing || isAutoFilling || isSmartSearching" type="primary"
                                        :style="{padding: '0 30px','margin-left': '10px','background-color':(data.loginedUserInfo!=undefined &&  data.loginedUserInfo.isVip==1) ? 'rgb(22,93.255)': 'rgb(204, 204, 204)'}" @click="() => {
                                            if(data.loginedUserInfo==undefined){
                                                return;
                                            }
                                            if(data.loginedUserInfo.isVip==0){
                                                showBuyVIPWarningForm();
                                                return;
                                            }
                                            daType = 'chong';
                                            daCurrent = 1
                                            ISGet()
                                        }">可冲击{{ daType=='chong'?'（当前）':'' }}</a-button>
                                    <a-button :disabled="isPreparing || isAutoFilling || isSmartSearching" type="primary"
                                    :style="{padding: '0 30px','margin-left': '10px','background-color':(data.loginedUserInfo!=undefined &&  data.loginedUserInfo.isVip==1) ? 'rgb(22,93.255)' : 'rgb(204, 204, 204)'}"
                                        @click="()=>{ 
                                            if(data.loginedUserInfo==undefined){
                                                return;
                                            }
                                            if(data.loginedUserInfo.isVip==0){
                                                showBuyVIPWarningForm();
                                                return;
                                            }
                                            daType = 'wen';
                                            daCurrent = 1
                                            ISGet()
                                        }">较稳妥{{ daType=='wen'?'（当前）':'' }}</a-button>
                                    <a-button :disabled="isPreparing || isAutoFilling || isSmartSearching" type="primary"
                                    :style="{padding: '0 30px','margin-left': '10px','background-color':(data.loginedUserInfo!=undefined &&  data.loginedUserInfo.isVip==1) ? 'rgb(22,93.255)' : 'rgb(204, 204, 204)'}"
                                        @click="()=>{
                                            if(data.loginedUserInfo==undefined){
                                                return;
                                            }
                                            if(data.loginedUserInfo.isVip==0){
                                                showBuyVIPWarningForm();
                                                return;
                                            }
                                            daType = 'bao';
                                            daCurrent = 1
                                            ISGet()
                                        }">可保稳{{ daType=='bao'?'（当前）':'' }}</a-button>
                                    <a-button :disabled="(data.loginedUserInfo!=undefined && data.loginedUserInfo.isVip == 0) || (isPreparing || isAutoFilling) || isSmartSearching"
                                        :style="{padding: '0 30px','margin-left': '10px','background-color':(data.loginedUserInfo!=undefined &&  data.loginedUserInfo.isVip==1) ? 'rgb(22,93.255)' : 'rgb(204, 204, 204)'}" type="primary" :loading="isAutoFilling"
                                        @click="beforeAutoFillApplication">一键智能填报</a-button>
                                    <a-button :disabled="isAutoFilling" :loading="isPreparing || isSmartSearching"
                                        style="padding: 0 30px;margin-left: 10px;" type="primary" @click="() => {
                                            searchForm.current = 1;
                                            daCurrent = 1
                                            ISGet()
                                        }">搜索志愿</a-button>

                                </div>
                            </div>
                            <div v-if="isPreparing || isSmartSearching" style="text-align: center;">
                                <a-button :loading="true" style="scale: 1.4;background-color: white;">请稍后</a-button>
                            </div>
                            <div>
                                <div v-bind:key="item" v-for="item in displayApplications"
                                    style="width: 100%;position: relative;border-radius: 5px;border: 1px solid rgb(230,230,230);height: auto;overflow: hidden;margin-bottom: 15px;line-height: 30px;min-height: 180px;">
                                    <div
                                        style="word-break:break-all;padding: 10px 10px;width: calc(100% - 680px);height: 100%;display: inline-block;float: left;font-size: 14px;user-select: text !important;">
                                        {{ item.majorName }}
                                        <br>
                                        <div style="color: gray;user-select: text !important;">
                                            代码：{{ item.majorCode }}
                                        </div>
                                        <div style="color: gray;user-select: text !important;">
                                            学费：{{ item.money }}
                                        </div>
                                        <div style="color: gray;user-select: text !important;">
                                            科目：{{ item.subject }}
                                        </div>
                                    </div>
                                    <div style="word-break:break-all;padding: 10px 10px;width: 120px;height: 100%;position: absolute;right: 560px;border-left: 1px solid rgb(230,230,230);user-select: text !important;cursor: pointer;"
                                        @click="showUniversityIntroductionPage(item.universityName)">
                                        {{ item.universityName }}
                                        <br>
                                        <div style="color: gray;user-select: text !important;">
                                            代码：{{ item.universityCode + " " + item.level }}
                                        </div>
                                    </div>
                                    <div style="word-break:break-all;width: 120px;height: 100%;position: absolute;right: 440px;border-left: 1px solid rgb(230,230,230);user-select: text !important;text-align: center;padding: 10px 0;background: linear-gradient(135deg,#ffffff,#e1faff);"
                                        >
                                        <div style="width:100%;height:50%;">
                                            {{ parseInt(item.rate.all*10000)==0?'没有数据':'录取概率' }}
                                        </div>
                                        <div v-if="parseInt(item.rate.all*10000)!=0" style="transform:translateY(-50%);font-size:22px;" :style="{
                                            color:getRateLevelColorAndName(item.rate.all)[0]
                                        }">
                                            <p>{{ parseInt(item.rate.all*10000)/100 }}%</p>
                                            <p>{{ getRateLevelColorAndName(item.rate.all)[1] }}</p>
                                        </div>
                                    </div>
                                    <div
                                        style="word-break:break-all;padding: 10px 10px;width: 120px;height: 100%;position: absolute;right: 320px;border-left: 1px solid rgb(230,230,230);">
                                        <div style="user-select: text !important;">
                                            {{ subtractYear(1) }}年
                                        </div>
                                        <div v-if="item.score1 != 0" style="user-select: text !important;color: gray;">
                                            录取人数：{{ item.num1 }}
                                        </div>
                                        <div v-if="item.score1 != 0" style="user-select: text !important;color: gray;">
                                            最低分：{{ item.score1 }}
                                        </div>
                                        <div v-if="item.score1 != 0" style="user-select: text !important;color: gray;">
                                            最低位次：<br>{{ item.ranking1 }}
                                        </div>
                                        <div v-if="item.score1 == 0" style="user-select: text !important;color: gray;">
                                            没有数据
                                        </div>
                                    </div>
                                    <div
                                        style="word-break:break-all;padding: 10px 10px;width: 120px;height: 100%;position: absolute;right: 200px;border-left: 1px solid rgb(230,230,230);">
                                        <div style="user-select: text !important;">
                                            {{ subtractYear(2) }}年
                                        </div>
                                        <div v-if="item.score2 != 0" style="user-select: text !important;color: gray;">
                                            录取人数：{{ item.num2 }}
                                        </div>
                                        <div v-if="item.score2 != 0" style="user-select: text !important;color: gray;">
                                            最低分：{{ item.score2 }}
                                        </div>
                                        <div v-if="item.score2 != 0" style="user-select: text !important;color: gray;">
                                            最低位次：<br>{{ item.ranking2 }}
                                        </div>
                                        <div v-if="item.score2 == 0" style="user-select: text !important;color: gray;">
                                            没有数据
                                        </div>
                                    </div>
                                    <div
                                        style="word-break:break-all;padding: 10px 10px;width: 120px;height: 100%;position: absolute;right: 80px;border-left: 1px solid rgb(230,230,230);">
                                        <div style="user-select: text !important;">
                                            {{ subtractYear(3) }}年
                                        </div>
                                        <div v-if="item.score3 != 0" style="user-select: text !important;color: gray;">
                                            录取人数：{{ item.num3 }}
                                        </div>
                                        <div v-if="item.score3 != 0" style="user-select: text !important;color: gray;">
                                            最低分：{{ item.score3 }}
                                        </div>
                                        <div v-if="item.score3 != 0" style="user-select: text !important;color: gray;">
                                            最低位次：<br>{{ item.ranking3 }}
                                        </div>
                                        <div v-if="item.score3 == 0" style="user-select: text !important;color: gray;">
                                            没有数据
                                        </div>
                                    </div>
                                    <div
                                        style="height: 100%;width: auto;display: inline-block;text-align: center;padding: 0 10px;float: right;border-left: 1px solid rgb(230,230,230);padding-top: 10px;padding-bottom: 10px;;">
                                        <a-trigger trigger="click" :unmount-on-close="false">
                                            <a-button type="primary" status="success" 
                                                @click="inputNewApplicationFormName = ''">填报</a-button>
                                            <template #content>
                                                <div
                                                    style="padding: 10px 10px;border-radius: 5px;background-color: white;box-shadow: 0 4px 10px rgba(0,0,0,0.2);">
                                                    <div v-if="myApplicationFormList.length != 0">
                                                        选择志愿表
                                                    </div>
                                                    <div v-if="myApplicationFormList.length != 0"
                                                        style="width: 200px;overflow-y: scroll;margin-bottom: 5px;margin-top: 5px;max-height: 400px;">
                                                        <div v-for="item1 in myApplicationFormList" v-bind:key="item1"
                                                            class="right-button" @click="addApplication(item, item1)">
                                                            {{ item1 }}
                                                        </div>
                                                    </div>
                                                    新建志愿表
                                                    <div style="width: 200px;margin-bottom: 5px;margin-top: 5px;">
                                                        <a-input v-model="inputNewApplicationFormName" placeholder="新志愿表名称"
                                                            style="width: 100%;height: 35px;padding: 0 0;background-color: white;border: 0;border-bottom: 1px solid rgb(0,120,215);"></a-input>
                                                    </div>
                                                    <div style="text-align: right;">
                                                        <a-link @click="() => {
                                                            addApplication(item, this.inputNewApplicationFormName, true)
                                                        }">新建并填报</a-link>
                                                    </div>
                                                </div>
                                            </template>
                                        </a-trigger>

                                    </div>
                                </div>
                            </div>
                            <!-- <div v-show="currentPageName == 'chong'">
                                <div v-bind:key="item" v-for="item in chong"
                                    style="width: 100%;position: relative;border-radius: 5px;border: 1px solid rgb(230,230,230);height: auto;overflow: hidden;margin-bottom: 15px;line-height: 30px;min-height: 180px;">
                                    <div
                                        style="word-break:break-all;padding: 10px 10px;width: calc(100% - 560px);height: 100%;display: inline-block;float: left;font-size: 14px;user-select: text !important;">
                                        {{ item.majorName }}
                                        <br>
                                        <div style="color: gray;user-select: text !important;">
                                            代码：{{ item.majorCode }}
                                        </div>
                                        <div style="color: gray;user-select: text !important;">
                                            学费：{{ item.money }}
                                        </div>
                                        <div style="color: gray;user-select: text !important;">
                                            科目：{{ item.subject }}
                                        </div>
                                    </div>
                                    <div style="word-break:break-all;padding: 10px 10px;width: 120px;height: 100%;position: absolute;right: 440px;border-left: 1px solid rgb(230,230,230);user-select: text !important;cursor: pointer;"
                                        @click="showUniversityIntroductionPage(item.universityName)">
                                        {{ item.universityName }}
                                        <br>
                                        <div style="color: gray;user-select: text !important;">
                                            代码：{{ item.universityCode + " " + item.level }}
                                        </div>
                                    </div>
                                    <div
                                        style="word-break:break-all;padding: 10px 10px;width: 120px;height: 100%;position: absolute;right: 320px;border-left: 1px solid rgb(230,230,230);">
                                        <div style="user-select: text !important;">
                                            {{ subtractYear(1) }}年
                                        </div>
                                        <div v-if="item.score1 != 0" style="user-select: text !important;color: gray;">
                                            录取人数：{{ item.num1 }}
                                        </div>
                                        <div v-if="item.score1 != 0" style="user-select: text !important;color: gray;">
                                            最低分：{{ item.score1 }}
                                        </div>
                                        <div v-if="item.score1 != 0" style="user-select: text !important;color: gray;">
                                            最低位次：<br>{{ item.ranking1 }}
                                        </div>
                                        <div v-if="item.score1 == 0" style="user-select: text !important;color: gray;">
                                            没有数据
                                        </div>
                                    </div>
                                    <div
                                        style="word-break:break-all;padding: 10px 10px;width: 120px;height: 100%;position: absolute;right: 200px;border-left: 1px solid rgb(230,230,230);">
                                        <div style="user-select: text !important;">
                                            {{ subtractYear(2) }}年
                                        </div>
                                        <div v-if="item.score2 != 0" style="user-select: text !important;color: gray;">
                                            录取人数：{{ item.num2 }}
                                        </div>
                                        <div v-if="item.score2 != 0" style="user-select: text !important;color: gray;">
                                            最低分：{{ item.score2 }}
                                        </div>
                                        <div v-if="item.score2 != 0" style="user-select: text !important;color: gray;">
                                            最低位次：<br>{{ item.ranking2 }}
                                        </div>
                                        <div v-if="item.score2 == 0" style="user-select: text !important;color: gray;">
                                            没有数据
                                        </div>
                                    </div>
                                    <div
                                        style="word-break:break-all;padding: 10px 10px;width: 120px;height: 100%;position: absolute;right: 80px;border-left: 1px solid rgb(230,230,230);">
                                        <div style="user-select: text !important;">
                                            {{ subtractYear(3) }}年
                                        </div>
                                        <div v-if="item.score3 != 0" style="user-select: text !important;color: gray;">
                                            录取人数：{{ item.num3 }}
                                        </div>
                                        <div v-if="item.score3 != 0" style="user-select: text !important;color: gray;">
                                            最低分：{{ item.score3 }}
                                        </div>
                                        <div v-if="item.score3 != 0" style="user-select: text !important;color: gray;">
                                            最低位次：<br>{{ item.ranking3 }}
                                        </div>
                                        <div v-if="item.score3 == 0" style="user-select: text !important;color: gray;">
                                            没有数据
                                        </div>
                                    </div>
                                    <div
                                        style="height: 100%;width: auto;display: inline-block;text-align: center;padding: 0 10px;float: right;border-left: 1px solid rgb(230,230,230);padding-top: 10px;padding-bottom: 10px;;">
                                        <a-trigger trigger="click" :unmount-on-close="false">
                                            <a-button type="primary" status="success" :disabled="!item.enabled"
                                                @click="inputNewApplicationFormName = ''">填报</a-button>
                                            <template #content>
                                                <div
                                                    style="padding: 10px 10px;border-radius: 5px;background-color: white;box-shadow: 0 4px 10px rgba(0,0,0,0.2);">
                                                    <div v-if="myApplicationFormList.length != 0">
                                                        选择志愿表
                                                    </div>
                                                    <div v-if="myApplicationFormList.length != 0"
                                                        style="width: 200px;overflow-y: scroll;margin-bottom: 5px;margin-top: 5px;max-height: 400px;">
                                                        <div v-for="item1 in myApplicationFormList" v-bind:key="item1"
                                                            class="right-button" @click="addApplication(item, item1)">
                                                            {{ item1 }}
                                                        </div>
                                                    </div>
                                                    新建志愿表
                                                    <div style="width: 200px;margin-bottom: 5px;margin-top: 5px;">
                                                        <a-input v-model="inputNewApplicationFormName" placeholder="新志愿表名称"
                                                            style="width: 100%;height: 35px;padding: 0 0;background-color: white;border: 0;border-bottom: 1px solid rgb(0,120,215);"></a-input>
                                                    </div>
                                                    <div style="text-align: right;">
                                                        <a-link @click="() => {
                                                            addApplication(item, this.inputNewApplicationFormName, true)
                                                        }">新建并填报</a-link>
                                                    </div>
                                                </div>
                                            </template>
                                        </a-trigger>

                                    </div>
                                </div>
                            </div>
                            <div v-show="currentPageName == 'wen'">
                                <div v-bind:key="item" v-for="item in wen"
                                    style="width: 100%;position: relative;border-radius: 5px;border: 1px solid rgb(230,230,230);height: auto;overflow: hidden;margin-bottom: 15px;line-height: 30px;min-height: 180px;">
                                    <div
                                        style="word-break:break-all;padding: 10px 10px;width: calc(100% - 560px);height: 100%;display: inline-block;float: left;font-size: 14px;user-select: text !important;">
                                        {{ item.majorName }}
                                        <br>
                                        <div style="color: gray;user-select: text !important;">
                                            代码：{{ item.majorCode }}
                                        </div>
                                        <div style="color: gray;user-select: text !important;">
                                            学费：{{ item.money }}
                                        </div>
                                        <div style="color: gray;user-select: text !important;">
                                            科目：{{ item.subject }}
                                        </div>
                                    </div>
                                    <div style="word-break:break-all;padding: 10px 10px;width: 120px;height: 100%;position: absolute;right: 440px;border-left: 1px solid rgb(230,230,230);user-select: text !important;cursor: pointer;"
                                        @click="showUniversityIntroductionPage(item.universityName)">
                                        {{ item.universityName }}
                                        <br>
                                        <div style="color: gray;user-select: text !important;">
                                            代码：{{ item.universityCode + " " + item.level }}
                                        </div>
                                    </div>
                                    <div
                                        style="word-break:break-all;padding: 10px 10px;width: 120px;height: 100%;position: absolute;right: 320px;border-left: 1px solid rgb(230,230,230);">
                                        <div style="user-select: text !important;">
                                            {{ subtractYear(1) }}年
                                        </div>
                                        <div v-if="item.score1 != 0" style="user-select: text !important;color: gray;">
                                            录取人数：{{ item.num1 }}
                                        </div>
                                        <div v-if="item.score1 != 0" style="user-select: text !important;color: gray;">
                                            最低分：{{ item.score1 }}
                                        </div>
                                        <div v-if="item.score1 != 0" style="user-select: text !important;color: gray;">
                                            最低位次：<br>{{ item.ranking1 }}
                                        </div>
                                        <div v-if="item.score1 == 0" style="user-select: text !important;color: gray;">
                                            没有数据
                                        </div>
                                    </div>
                                    <div
                                        style="word-break:break-all;padding: 10px 10px;width: 120px;height: 100%;position: absolute;right: 200px;border-left: 1px solid rgb(230,230,230);">
                                        <div style="user-select: text !important;">
                                            {{ subtractYear(2) }}年
                                        </div>
                                        <div v-if="item.score2 != 0" style="user-select: text !important;color: gray;">
                                            录取人数：{{ item.num2 }}
                                        </div>
                                        <div v-if="item.score2 != 0" style="user-select: text !important;color: gray;">
                                            最低分：{{ item.score2 }}
                                        </div>
                                        <div v-if="item.score2 != 0" style="user-select: text !important;color: gray;">
                                            最低位次：<br>{{ item.ranking2 }}
                                        </div>
                                        <div v-if="item.score2 == 0" style="user-select: text !important;color: gray;">
                                            没有数据
                                        </div>
                                    </div>
                                    <div
                                        style="word-break:break-all;padding: 10px 10px;width: 120px;height: 100%;position: absolute;right: 80px;border-left: 1px solid rgb(230,230,230);">
                                        <div style="user-select: text !important;">
                                            {{ subtractYear(3) }}年
                                        </div>
                                        <div v-if="item.score3 != 0" style="user-select: text !important;color: gray;">
                                            录取人数：{{ item.num3 }}
                                        </div>
                                        <div v-if="item.score3 != 0" style="user-select: text !important;color: gray;">
                                            最低分：{{ item.score3 }}
                                        </div>
                                        <div v-if="item.score3 != 0" style="user-select: text !important;color: gray;">
                                            最低位次：<br>{{ item.ranking3 }}
                                        </div>
                                        <div v-if="item.score3 == 0" style="user-select: text !important;color: gray;">
                                            没有数据
                                        </div>
                                    </div>
                                    <div
                                        style="height: 100%;width: auto;display: inline-block;text-align: center;padding: 0 10px;float: right;border-left: 1px solid rgb(230,230,230);padding-top: 10px;padding-bottom: 10px;;">
                                        <a-trigger trigger="click" :unmount-on-close="false">
                                            <a-button type="primary" status="success" :disabled="!item.enabled"
                                                @click="inputNewApplicationFormName = ''">填报</a-button>
                                            <template #content>
                                                <div
                                                    style="padding: 10px 10px;border-radius: 5px;background-color: white;box-shadow: 0 4px 10px rgba(0,0,0,0.2);">
                                                    <div v-if="myApplicationFormList.length != 0">
                                                        选择志愿表
                                                    </div>
                                                    <div v-if="myApplicationFormList.length != 0"
                                                        style="width: 200px;overflow-y: scroll;margin-bottom: 5px;margin-top: 5px;max-height: 400px;">
                                                        <div v-for="item1 in myApplicationFormList" v-bind:key="item1"
                                                            class="right-button" @click="addApplication(item, item1)">
                                                            {{ item1 }}
                                                        </div>
                                                    </div>
                                                    新建志愿表
                                                    <div style="width: 200px;margin-bottom: 5px;margin-top: 5px;">
                                                        <a-input v-model="inputNewApplicationFormName" placeholder="新志愿表名称"
                                                            style="width: 100%;height: 35px;padding: 0 0;background-color: white;border: 0;border-bottom: 1px solid rgb(0,120,215);"></a-input>
                                                    </div>
                                                    <div style="text-align: right;">
                                                        <a-link @click="() => {
                                                            addApplication(item, this.inputNewApplicationFormName, true)
                                                        }">新建并填报</a-link>
                                                    </div>
                                                </div>
                                            </template>
                                        </a-trigger>

                                    </div>
                                </div>
                            </div>
                            <div v-show="currentPageName == 'bao'">
                                <div v-bind:key="item" v-for="item in bao"
                                    style="width: 100%;position: relative;border-radius: 5px;border: 1px solid rgb(230,230,230);height: auto;overflow: hidden;margin-bottom: 15px;line-height: 30px;min-height: 180px;">
                                    <div
                                        style="word-break:break-all;padding: 10px 10px;width: calc(100% - 560px);height: 100%;display: inline-block;float: left;font-size: 14px;user-select: text !important;">
                                        {{ item.majorName }}
                                        <br>
                                        <div style="color: gray;user-select: text !important;">
                                            代码：{{ item.majorCode }}
                                        </div>
                                        <div style="color: gray;user-select: text !important;">
                                            学费：{{ item.money }}
                                        </div>
                                        <div style="color: gray;user-select: text !important;">
                                            科目：{{ item.subject }}
                                        </div>
                                    </div>
                                    <div style="word-break:break-all;padding: 10px 10px;width: 120px;height: 100%;position: absolute;right: 440px;border-left: 1px solid rgb(230,230,230);user-select: text !important;cursor: pointer;"
                                        @click="showUniversityIntroductionPage(item.universityName)">
                                        {{ item.universityName }}
                                        <br>
                                        <div style="color: gray;user-select: text !important;">
                                            代码：{{ item.universityCode + " " + item.level }}
                                        </div>
                                    </div>
                                    <div
                                        style="word-break:break-all;padding: 10px 10px;width: 120px;height: 100%;position: absolute;right: 320px;border-left: 1px solid rgb(230,230,230);">
                                        <div style="user-select: text !important;">
                                            {{ subtractYear(1) }}年
                                        </div>
                                        <div v-if="item.score1 != 0" style="user-select: text !important;color: gray;">
                                            录取人数：{{ item.num1 }}
                                        </div>
                                        <div v-if="item.score1 != 0" style="user-select: text !important;color: gray;">
                                            最低分：{{ item.score1 }}
                                        </div>
                                        <div v-if="item.score1 != 0" style="user-select: text !important;color: gray;">
                                            最低位次：<br>{{ item.ranking1 }}
                                        </div>
                                        <div v-if="item.score1 == 0" style="user-select: text !important;color: gray;">
                                            没有数据
                                        </div>
                                    </div>
                                    <div
                                        style="word-break:break-all;padding: 10px 10px;width: 120px;height: 100%;position: absolute;right: 200px;border-left: 1px solid rgb(230,230,230);">
                                        <div style="user-select: text !important;">
                                            {{ subtractYear(2) }}年
                                        </div>
                                        <div v-if="item.score2 != 0" style="user-select: text !important;color: gray;">
                                            录取人数：{{ item.num2 }}
                                        </div>
                                        <div v-if="item.score2 != 0" style="user-select: text !important;color: gray;">
                                            最低分：{{ item.score2 }}
                                        </div>
                                        <div v-if="item.score2 != 0" style="user-select: text !important;color: gray;">
                                            最低位次：<br>{{ item.ranking2 }}
                                        </div>
                                        <div v-if="item.score2 == 0" style="user-select: text !important;color: gray;">
                                            没有数据
                                        </div>
                                    </div>
                                    <div
                                        style="word-break:break-all;padding: 10px 10px;width: 120px;height: 100%;position: absolute;right: 80px;border-left: 1px solid rgb(230,230,230);">
                                        <div style="user-select: text !important;">
                                            {{ subtractYear(3) }}年
                                        </div>
                                        <div v-if="item.score3 != 0" style="user-select: text !important;color: gray;">
                                            录取人数：{{ item.num3 }}
                                        </div>
                                        <div v-if="item.score3 != 0" style="user-select: text !important;color: gray;">
                                            最低分：{{ item.score3 }}
                                        </div>
                                        <div v-if="item.score3 != 0" style="user-select: text !important;color: gray;">
                                            最低位次：<br>{{ item.ranking3 }}
                                        </div>
                                        <div v-if="item.score3 == 0" style="user-select: text !important;color: gray;">
                                            没有数据
                                        </div>
                                    </div>
                                    <div
                                        style="height: 100%;width: auto;display: inline-block;text-align: center;padding: 0 10px;float: right;border-left: 1px solid rgb(230,230,230);padding-top: 10px;padding-bottom: 10px;;">
                                        <a-trigger trigger="click" :unmount-on-close="false">
                                            <a-button type="primary" status="success" :disabled="!item.enabled"
                                                @click="inputNewApplicationFormName = ''">填报</a-button>
                                            <template #content>
                                                <div
                                                    style="padding: 10px 10px;border-radius: 5px;background-color: white;box-shadow: 0 4px 10px rgba(0,0,0,0.2);">
                                                    <div v-if="myApplicationFormList.length != 0">
                                                        选择志愿表
                                                    </div>
                                                    <div v-if="myApplicationFormList.length != 0"
                                                        style="width: 200px;overflow-y: scroll;margin-bottom: 5px;margin-top: 5px;max-height: 400px;">
                                                        <div v-for="item1 in myApplicationFormList" v-bind:key="item1"
                                                            class="right-button" @click="addApplication(item, item1)">
                                                            {{ item1 }}
                                                        </div>
                                                    </div>
                                                    新建志愿表
                                                    <div style="width: 200px;margin-bottom: 5px;margin-top: 5px;">
                                                        <a-input v-model="inputNewApplicationFormName" placeholder="新志愿表名称"
                                                            style="width: 100%;height: 35px;padding: 0 0;background-color: white;border: 0;border-bottom: 1px solid rgb(0,120,215);"></a-input>
                                                    </div>
                                                    <div style="text-align: right;">
                                                        <a-link @click="() => {
                                                            addApplication(item, this.inputNewApplicationFormName, true)
                                                        }">新建并填报</a-link>
                                                    </div>
                                                </div>
                                            </template>
                                        </a-trigger>

                                    </div>
                                </div>
                            </div> -->
                            <div v-if="isPreparing==false && isSmartSearching==false" style="text-align: right;margin-bottom: 100px;">
                                <a-button :disabled="daCurrent == 1" @click="() => {
                                    daCurrent = 1
                                    ISGet()
                                }">第一页</a-button>
                                <a-button :disabled="daCurrent == 1" style="margin-left: 10px;" @click="() => {
                                    daCurrent -= 1;
                                    ISGet()

                                }">上一页</a-button>
                                <a-button style="background-color: white;cursor: unset;margin-left: 10px;">{{
                                    daCurrent + '/' + daTotal }}</a-button>
                                <a-button :disabled="daCurrent == daTotal" style="margin-left: 10px;" @click="() => {
                                    daCurrent += 1;
                                    ISGet()
                                }">下一页</a-button>
                                <a-button :disabled="daCurrent == daTotal" style="margin-left: 10px;" @click="() => {
                                    daCurrent = daTotal;
                                    ISGet()

                                }">最后一页</a-button>
                            </div>
                            <!-- <div v-if="isPreparing==false && isSmartSearching==false" v-show="currentPageName == 'chong'" style="text-align: right;margin-bottom: 100px;">
                                <a-button :disabled="allCurrent.chong == 1" @click="() => {
                                    allCurrent.chong = 1
                                    getChongWenBao('chong')
                                }">第一页</a-button>
                                <a-button :disabled="allCurrent.chong == 1" style="margin-left: 10px;" @click="() => {
                                    allCurrent.chong -= 1;
                                    getChongWenBao('chong')

                                }">上一页</a-button>
                                <a-button style="background-color: white;cursor: unset;margin-left: 10px;">{{
                                    allCurrent.chong + '/' + allPageNums.chong }}</a-button>
                                <a-button :disabled="allCurrent.chong == allPageNums.chong" style="margin-left: 10px;"
                                    @click="() => {
                                        allCurrent.chong += 1;
                                        getChongWenBao('chong')
                                    }">下一页</a-button>
                                <a-button :disabled="allCurrent.chong == allPageNums.chong" style="margin-left: 10px;"
                                    @click="() => {
                                        allCurrent.chong = allPageNums.chong;
                                        getChongWenBao('chong')

                                    }">最后一页</a-button>
                            </div>
                            <div v-if="isPreparing==false && isSmartSearching==false" v-show="currentPageName == 'wen'" style="text-align: right;margin-bottom: 100px;">
                                <a-button :disabled="allCurrent.wen == 1" @click="() => {
                                    allCurrent.wen = 1
                                    getChongWenBao('wen')
                                }">第一页</a-button>
                                <a-button :disabled="allCurrent.wen == 1" style="margin-left: 10px;" @click="() => {
                                    allCurrent.wen -= 1;
                                    getChongWenBao('wen')

                                }">上一页</a-button>
                                <a-button style="background-color: white;cursor: unset;margin-left: 10px;">{{
                                    allCurrent.wen + '/' + allPageNums.wen }}</a-button>
                                <a-button :disabled="allCurrent.wen == allPageNums.wen" style="margin-left: 10px;" @click="() => {
                                    allCurrent.wen += 1;
                                    getChongWenBao('wen')
                                }">下一页</a-button>
                                <a-button :disabled="allCurrent.wen == allPageNums.wen" style="margin-left: 10px;" @click="() => {
                                    allCurrent.wen = allPageNums.wen;
                                    getChongWenBao('wen')

                                }">最后一页</a-button>
                            </div>
                            <div v-if="isPreparing==false && isSmartSearching==false" v-show="currentPageName == 'bao'" style="text-align: right;margin-bottom: 100px;">
                                <a-button :disabled="allCurrent.bao == 1" @click="() => {
                                    allCurrent.bao = 1
                                    getChongWenBao('bao')
                                }">第一页</a-button>
                                <a-button :disabled="allCurrent.bao == 1" style="margin-left: 10px;" @click="() => {
                                    allCurrent.bao -= 1;
                                    getChongWenBao('bao')

                                }">上一页</a-button>
                                <a-button style="background-color: white;cursor: unset;margin-left: 10px;">{{
                                    allCurrent.bao + '/' + allPageNums.bao }}</a-button>
                                <a-button :disabled="allCurrent.bao == allPageNums.bao" style="margin-left: 10px;" @click="() => {
                                    allCurrent.bao += 1;
                                    getChongWenBao('bao')
                                }">下一页</a-button>
                                <a-button :disabled="allCurrent.bao == allPageNums.bao" style="margin-left: 10px;" @click="() => {
                                    allCurrent.bao = allPageNums.bao;
                                    getChongWenBao('bao')

                                }">最后一页</a-button>
                            </div> -->

                        </div>
                        <div v-if="currentStep == 3">
                            <div style="text-align: center;font-size: 20px;color: gray;margin-bottom: 20px;">
                                查看志愿表<br>
                                <a-button @click="isMyApplicationPage = true; getMyApplications(); getFormList()"
                                    style="margin-top: 20px;margin-right: 20px;">查看志愿表</a-button>
                                <a-button @click="currentStep = 1"
                                    style="margin-top: 20px;margin-right: 0px;">重新填报</a-button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div v-if="isMyApplicationPage">
                <div style="width: 300px;display: inline-block;">
                    <div style="border-radius: 5px;border: 1px solid rgb(230,230,230);margin-bottom: 20px;">
                        <div style="padding: 20px 20px;border-bottom: 1px solid rgb(230,230,230);">
                            菜单
                        </div>
                        <div style="padding: 10px 10px;">
                            <div class="right-button" @click="isMyApplicationPage = false">
                                返回志愿填报界面
                                <svg width="15" height="15" viewBox="0 0 48 48" fill="currentColor">
                                    <path fill-rule="evenodd" clip-rule="evenodd"
                                        d="M32.556 24L16.293 7.737a1 1 0 010-1.415l1.414-1.414a1 1 0 011.414 0L36.8 22.586a2 2 0 010 2.828L19.121 43.092a1 1 0 01-1.414 0l-1.414-1.414a1 1 0 010-1.414L32.556 24z"
                                        fill="currentColor" />
                                </svg>
                            </div>
                            <div v-if="selectedFormName != undefined" class="right-button" @click="generateExcelFile">
                                生成志愿表
                                <svg width="15" height="15" viewBox="0 0 48 48" fill="currentColor">
                                    <path fill-rule="evenodd" clip-rule="evenodd"
                                        d="M32.556 24L16.293 7.737a1 1 0 010-1.415l1.414-1.414a1 1 0 011.414 0L36.8 22.586a2 2 0 010 2.828L19.121 43.092a1 1 0 01-1.414 0l-1.414-1.414a1 1 0 010-1.414L32.556 24z"
                                        fill="currentColor" />
                                </svg>
                            </div>
                            <div v-if="selectedFormName != undefined" class="right-button"
                                @click="deleteSingleForm(selectedFormName)">
                                删除当前志愿表
                                <svg width="15" height="15" viewBox="0 0 48 48" fill="currentColor">
                                    <path fill-rule="evenodd" clip-rule="evenodd"
                                        d="M32.556 24L16.293 7.737a1 1 0 010-1.415l1.414-1.414a1 1 0 011.414 0L36.8 22.586a2 2 0 010 2.828L19.121 43.092a1 1 0 01-1.414 0l-1.414-1.414a1 1 0 010-1.414L32.556 24z"
                                        fill="currentColor" />
                                </svg>
                            </div>
                        </div>
                    </div>
                    <div style="width: 100%;border: 1px solid rgb(230,230,230);border-radius: 5px;">
                        <div style="padding: 20px 20px;border-bottom: 1px solid rgb(230,230,230);">
                            我的志愿表列表
                        </div>
                        <div style="padding: 10px 10px;">
                            <div v-if="myApplicationFormList.length == 0" style="padding: 10px 10px;line-height: 30px;">
                                暂无志愿表<br>
                                <a-button type="primary" style="margin-top: 5px;"
                                    @click="isMyApplicationPage = false">选择志愿</a-button>
                            </div>
                            <div v-for="item in myApplicationFormList" v-bind:key="item" class="right-button"
                                @click="selectedFormName = item; getMyApplications(false, true)">
                                {{ item }}
                                <svg width="15" height="15" viewBox="0 0 48 48" fill="currentColor">
                                    <path fill-rule="evenodd" clip-rule="evenodd"
                                        d="M32.556 24L16.293 7.737a1 1 0 010-1.415l1.414-1.414a1 1 0 011.414 0L36.8 22.586a2 2 0 010 2.828L19.121 43.092a1 1 0 01-1.414 0l-1.414-1.414a1 1 0 010-1.414L32.556 24z"
                                        fill="currentColor" />
                                </svg>
                            </div>
                        </div>
                    </div>
                </div>
                <div style="width: calc(100% - 320px);display: inline-block;float: right;">

                    <div v-if="isGettingMyApplication && isDeletingItemKey == undefined && isUppingApplicationKey == undefined && isDowningApplicationKay == undefined"
                        style="text-align: center;margin-bottom: 20px;">
                        <a-button :loading="true" style="scale: 1.4;background-color: white;">正在获取你的志愿表</a-button>
                    </div>

                    <!-- <div v-if="!isGettingMyApplication && myApplications.length==0" style="text-align: center;font-size: 20px;color: gray;">
    未选择志愿表
</div> -->

                    <div v-if="selectedFormName == undefined" style="text-align: center;font-size: 20px;color: gray;">
                        未选择志愿表
                    </div>

                    <div
                        v-if="(!isGettingMyApplication && myApplications.length != 0) || (isDeletingItemKey != undefined || isUppingApplicationKey != undefined || isDowningApplicationKay != undefined) || showList">

                        <div style="margin-bottom: 20px;">
                            {{ selectedFormName }}
                        </div>
                        <div v-bind:key="item" v-for="item in myApplications"
                            style="width: 100%;position: relative;border-radius: 5px;border: 1px solid rgb(230,230,230);height: auto;overflow: hidden;margin-bottom: 15px;line-height: 30px;"
                            :style="{ minHeight: item.isOpen == undefined ? '0px' : '200px' }">
                            <div v-if="item.isOpen != undefined"
                                style="word-break:break-all;padding: 10px 10px;width: calc(100% - 560px);height: 100%;display: inline-block;float: left;font-size: 14px;user-select: text !important;">
                                {{ item.index0 + " " + item.majorName }}
                                <br>
                                <div style="color: gray;user-select: text !important;">
                                    代码：{{ item.majorCode }}
                                </div>
                                <div style="color: gray;user-select: text !important;">
                                    学费：{{ item.money }}
                                </div>
                                <div style="color: gray;user-select: text !important;">
                                    科目：{{ item.subject }}
                                </div>
                            </div>
                            <div v-if="item.isOpen != undefined"
                                style="word-break:break-all;padding: 10px 10px;width: 120px;height: 100%;position: absolute;right: 440px;border-left: 1px solid rgb(230,230,230);user-select: text !important;cursor: pointer;"
                                @click="showUniversityIntroductionPage(item.universityName)">
                                {{ item.universityName }}
                                <br>
                                <div style="color: gray;user-select: text !important;">
                                    代码：{{ item.universityCode + " " + item.level }}
                                </div>
                            </div>
                            <div v-if="item.isOpen != undefined"
                                style="word-break:break-all;padding: 10px 10px;width: 120px;height: 100%;position: absolute;right: 320px;border-left: 1px solid rgb(230,230,230);">
                                <div style="user-select: text !important;">
                                    {{ subtractYear(1) }}年
                                </div>
                                <div v-if="item.score1 != 0" style="user-select: text !important;color: gray;">
                                    录取人数：{{ item.num1 }}
                                </div>
                                <div v-if="item.score1 != 0" style="user-select: text !important;color: gray;">
                                    最低分：{{ item.score1 }}
                                </div>
                                <div v-if="item.score1 != 0" style="user-select: text !important;color: gray;">
                                    最低位次：<br>{{ item.ranking1 }}
                                </div>
                                <div v-if="item.score1 == 0" style="user-select: text !important;color: gray;">
                                    没有数据
                                </div>
                            </div>
                            <div v-if="item.isOpen != undefined"
                                style="word-break:break-all;padding: 10px 10px;width: 120px;height: 100%;position: absolute;right: 200px;border-left: 1px solid rgb(230,230,230);">
                                <div style="user-select: text !important;">
                                    {{ subtractYear(2) }}年
                                </div>
                                <div v-if="item.score2 != 0" style="user-select: text !important;color: gray;">
                                    录取人数：{{ item.num2 }}
                                </div>
                                <div v-if="item.score2 != 0" style="user-select: text !important;color: gray;">
                                    最低分：{{ item.score2 }}
                                </div>
                                <div v-if="item.score2 != 0" style="user-select: text !important;color: gray;">
                                    最低位次：<br>{{ item.ranking2 }}
                                </div>
                                <div v-if="item.score2 == 0" style="user-select: text !important;color: gray;">
                                    没有数据
                                </div>
                            </div>
                            <div v-if="item.isOpen != undefined"
                                style="word-break:break-all;padding: 10px 10px;width: 120px;height: 100%;position: absolute;right: 80px;border-left: 1px solid rgb(230,230,230);border-right: 1px solid rgb(230,230,230);">
                                <div style="user-select: text !important;">
                                    {{ subtractYear(3) }}年
                                </div>
                                <div v-if="item.score3 != 0" style="user-select: text !important;color: gray;">
                                    录取人数：{{ item.num3 }}
                                </div>
                                <div v-if="item.score3 != 0" style="user-select: text !important;color: gray;">
                                    最低分：{{ item.score3 }}
                                </div>
                                <div v-if="item.score3 != 0" style="user-select: text !important;color: gray;">
                                    最低位次：<br>{{ item.ranking3 }}
                                </div>
                                <div v-if="item.score3 == 0" style="user-select: text !important;color: gray;">
                                    没有数据
                                </div>
                            </div>
                            <div v-if="item.isOpen != undefined"
                                style="height: 100%;width: auto;display: inline-block;text-align: center;padding: 0 10px;float: right;padding-top: 10px;padding-bottom: 10px;;">
                                <a-button style="margin-bottom: 5px;" type="primary" status="warning"
                                    @click="deleteSingleApplication(item)"
                                    :loading="isDeletingItemKey == item">删除</a-button><br>
                                <a-button style="margin-bottom: 5px;" @click="upApplication(item)"
                                    :loading="isUppingApplicationKey == item" :disabled="item.index0 == 1">上移</a-button><br>
                                <a-button style="margin-bottom: 5px;" @click="downApplication(item)"
                                    :loading="isDowningApplicationKay == item"
                                    :disabled="item.index0 == myApplications.length">下移</a-button><br>

                                <a-trigger trigger="click" :unmount-on-close="false">
                                    <a-button @click="inputApplicationIndex = ''" style="margin-bottom: 5px;"
                                        :disabled="myApplications.length == 0">移动</a-button><br>
                                    <template #content>
                                        <div
                                            style="width: 300px;border-radius: 5px;border: 1px solid rgb(230,230,230);background-color: white;padding: 20px 20px;box-shadow: 0 4px 10px rgba(0,0,0,0.1);">
                                            <div>
                                                <span>将该志愿调整为第</span><span>
                                                    <a-input v-model="inputApplicationIndex"
                                                        style="border: 0;border-bottom: 1px solid black;border-radius: 0;padding: 0 0;background-color: white;width: 2em;height: 20px;margin-bottom: 10px;"></a-input>
                                                </span><span>志愿。</span>
                                            </div>
                                            <div style="width: 100%;text-align: right;">
                                                <a-button :loading="isMovingApplicationKey == item"
                                                    @click="moveApplication(item)">确定</a-button>
                                            </div>
                                        </div>
                                    </template>
                                </a-trigger>
                                <a-button style="margin-bottom: 5px;" @click="item.isOpen = undefined">收缩</a-button><br>
                            </div>
                            <div v-if="item.isOpen == undefined" style="width: 100%;position: relative;">
                                <span>
                                    <div
                                        style="display: inline-block;height: 100%;width: 30px;text-align: center;border-right: 1px solid rgb(230,230,230);position:absolute;top:0;">
                                        {{ item.index0 }}
                                    </div>
                                </span>
                                <span>
                                    <div
                                        style="width:calc((100% - 70px) / 2);display:inline-block;word-break:break-all;margin-left:30px;padding:0 5px;border-right:1px solid rgb(230,230,230)">
                                        {{ getShortUniversityName(item.majorName, item.majorCode) }}
                                    </div>
                                </span>
                                <span>
                                    <div
                                        style="width:calc((100% - 70px) / 2);display:inline-block;word-break:break-all;padding:0 5px;right:40px;position:absolute;top:0">
                                        {{ item.universityCode + " " + item.universityName }}
                                    </div>
                                </span>
                                <span>
                                    <div style="display: inline-block;height: 100%;width: 40px;text-align: center;border-left: 1px solid rgb(230,230,230);position:absolute;top:0;right:0;cursor:pointer"
                                        @click="item.isOpen = true">
                                        展开
                                    </div>
                                </span>
                            </div>
                        </div>
                    </div>

                    <div style="width: 100%;height: 100px;">

                    </div>
                </div>
            </div>
        </div>
        <a-modal :width="data.isMobile ? '100%' : 'unset'" :mask-closable="false" :closable="false"
            v-model:visible="warningVisible" :footer="false">
            <template #title>
                温馨提示
            </template>
            <div v-if="myApplications.length != 0">你的志愿表中包含{{ myApplications[0].batch }}批次的志愿，如果更改批次，原来填报的志愿将会被清空，是否继续？
            </div>
            <div style="text-align: right;margin-top: 20px;">
                <a-button @click="warningVisible = false">取消</a-button>
                <a-button style="margin-left: 10px;" type="primary" :loading="isDeletingAll"
                    @click="deleteAllApplications">确定</a-button>
            </div>
        </a-modal>
        <a-modal :width="data.isMobile ? '100%' : 'unset'" v-model:visible="autoFillWarningVisible" :footer="false">
            <template #title>
                提示
            </template>
            <div>你已将一些志愿填入志愿表中，此操作将会清空原来你填报的所有志愿，是否继续？</div>
            <div style="text-align: right;margin-top: 15px;">
                <a-button @click="autoFillWarningVisible = false">取消</a-button>
                <a-button style="margin-left: 10px;" type="primary" @click="() => {
                    autoFillApplication();
                    autoFillWarningVisible = false;
                }">确定</a-button>
            </div>
        </a-modal>
        <div v-if="data.isMobile" style="width: 100%;height: 100%;">
            <div style="padding: 10px 10px;">
                <div style="font-size: 20px;font-weight: bold;padding: 10px 10px;position:relative">
                    志愿智能填报
                    <a-button v-if="isMyApplicationPage == false"
                        style="position:absolute;right:10px;top:6px;font-size:12px"
                        @click="isMyApplicationPage = true; getMyApplications(); getFormList()">我的志愿表</a-button>
                    <a-button v-if="isMyApplicationPage" style="position:absolute;right:10px;top:6px;font-size:12px"
                        @click="isMyApplicationPage = false">返回</a-button>

                    <a-trigger trigger="click" :unmount-on-close="false">
                        <a-button v-if="isMyApplicationPage"
                            style="position:absolute;right:75px;top:6px;font-size:12px">导出</a-button>
                        <template #content>
                            <div
                                style="width: 220px;padding: 20px 20px;background-color: white;border-radius: 5px;border: 1px solid rgb(230,230,230);">
                                请在电脑端使用该功能。
                            </div>
                        </template>
                    </a-trigger>
                </div>
                <a-steps v-if="isMyApplicationPage == false" :current="currentStep"
                    style="font-size: 12px;padding: 10px 10px;padding-bottom:0">
                    <a-step><span style="font-size: 14px;">选择批次</span></a-step>
                    <a-step><span style="font-size: 14px;">智能填报</span></a-step>
                    <a-step><span style="font-size: 14px;">生成志愿表</span></a-step>
                </a-steps>
            </div>
            <div v-if="currentStep == 1 && isMyApplicationPage == false">
                <div style="padding: 20px 20px;background-color: rgb(0,120,215);color: white;">
                    <div style="font-size: 18px;">
                        欢迎使用志愿智能填报系统
                    </div>
                    <div style="font-size: 14px;margin-top: 5px;">
                        请选择批次
                    </div>
                </div>

                <div style="padding: 10px 10px;">
                    <div style="padding: 40px 20px;border-radius: 5px;background-color: #eef7ff;position: relative;">
                        <div style="display: inline-block;font-size: 20px;">
                            1段
                        </div>
                        <div v-if="data.batchScore != undefined" style="font-size: 14px;margin-top: 5px;">
                            批次线：{{ data.batchScore.batch1 }}分
                        </div>
                        <a-button :disabled="batch == 1 && (isGettingMyApplication || isPreparing)"
                            :loading="(isGettingMyApplication || isPreparing) && batch == 2" @click="() => {
                                batch = 1;
                                daCurrent = 1
                                currentStep = 2
                                ISGet()
                            }" type="primary"
                            style="position: absolute;right: 20px;top: calc(129px / 2 - 32px / 2);padding: 0 30px;">选择</a-button>
                    </div>

                    <div
                        style="padding: 40px 20px;margin-top: 10px;border-radius: 5px;background-color: #eef7ff;position: relative;">
                        <div style="display: inline-block;font-size: 20px;">
                            2段
                        </div>
                        <div v-if="data.batchScore != undefined" style="font-size: 14px;margin-top: 5px;">
                            批次线：{{ data.batchScore.batch2 }}分
                        </div>
                        <a-button :disabled="batch == 1 && (isGettingMyApplication || isPreparing)"
                            :loading="(isGettingMyApplication || isPreparing) && batch == 2" @click="() => {
                                batch = 2;
                                daCurrent = 1
                                currentStep = 2
                                ISGet()
                            }" type="primary"
                            style="position: absolute;right: 20px;top: calc(129px / 2 - 32px / 2);padding: 0 30px;">选择</a-button>
                    </div>
                </div>
            </div>
            <div v-if="currentStep == 2 && isMyApplicationPage == false"
                style="padding: 10px 10px;height: calc(100% - 101.67px);overflow-y: scroll;">
                <div style="padding: 10px 10px;border-radius: 5px;margin-bottom: 10px;border: 1px solid rgb(230,230,230);">
                    <div style="margin-bottom: 10px;">
                        <span>
                            <div style="width: calc(50% - 3px);display: inline-block;">
                                院校名称
                                <a-input v-model="searchForm.universityName" allow-clear placeholder="请输入院校名称"
                                    style="height: 35px;padding: 0 0;background-color: rgba(0,0,0,0);border: 0;border-bottom: 1px solid rgb(0,120,215);"></a-input>
                            </div>
                        </span>
                        <span>
                            <div style="width: calc(50% - 3px);margin-left: 6px;display: inline-block;">
                                专业名称
                                <a-input-tag v-model="searchForm.majorName" allow-clear placeholder="请输入专业名称"
                                    style="height: 35px;padding: 0 0;background-color: rgba(0,0,0,0);border: 0;border-bottom: 1px solid rgb(0,120,215);height: 32px;border-radius: 3px;"></a-input-tag>
                            </div>
                        </span>
                    </div>
                    <div style="margin-bottom: 10px;">
                        <span>
                            <div style="display: inline-block;width: calc(50% - 3px);">
                                学费
                                <div>
                                    <!-- <a-input v-model="searchForm.moneyMin" style="width: calc(50% - 10px);background-color: rgba(0,0,0,0);border: 0;border-bottom: 1px solid rgb(0,120,215);padding: 0 0;" placeholder="最小值"></a-input>
                                    <span style="padding: 0 5px;">-</span> -->
                                    <a-input v-model="searchForm.moneyMax"
                                        style="width: calc(100%);background-color: rgba(0,0,0,0);border: 0;border-bottom: 1px solid rgb(0,120,215);padding: 0 0;"
                                        placeholder="最大值"></a-input>
                                </div>
                            </div>
                        </span>
                        <span>
                            <div style="display: inline-block;width: calc(50% - 3px);margin-left: 6px;">
                                分数浮动
                                <div>
                                    <a-button
                                        style="background-color: rgba(0,0,0,0);cursor: unset;padding: 0 0;">上升：</a-button>
                                    <a-input v-model="searchForm.scoreUp"
                                        style="width: calc(50% - 4em);background-color: rgba(0,0,0,0);border: 0;border-bottom: 1px solid rgb(0,120,215);padding: 0 0;"
                                        placeholder="上升分数"></a-input>
                                    <a-button
                                        style="background-color: rgba(0,0,0,0);cursor: unset;padding: 0 0;">下降：</a-button>
                                    <a-input v-model="searchForm.scoreDown"
                                        style="width: calc(50% - 4em);background-color: rgba(0,0,0,0);border: 0;border-bottom: 1px solid rgb(0,120,215);padding: 0 0;"
                                        placeholder="下降分数"></a-input>
                                </div>
                            </div>
                        </span>
                    </div>
                    <div style="margin-bottom: 0px;">
                        类型层次<br>
                        <a-checkbox-group v-model="searchForm.levels" style="line-height: 35px;">
                            <a-checkbox value="985">985</a-checkbox>
                            <a-checkbox value="211">211</a-checkbox>
                            <a-checkbox value="双一流">双一流</a-checkbox>
                        </a-checkbox-group>
                    </div>
                    <div>
                        省份<br>
                        <div>
                            <a-checkbox-group v-model="searchForm.provinces" style="line-height: 25px;">
                                <!-- <a-checkbox value="">不限</a-checkbox> -->
                                <a-checkbox v-for="item in provinces" v-bind:key="item" :value="item">{{ item
                                }}</a-checkbox>
                            </a-checkbox-group>
                        </div>
                    </div>
                    <div style="text-align: right;margin-top: 10px;display: flex;justify-content: right;flex-wrap: wrap;">
                        <!-- <a-button :disabled="isPreparing || isAutoFilling" style="padding: 0 5px;margin-left: 10px;margin-bottom: 10px;"
                            type="primary" @click="currentPageName = 'all'">全部</a-button>
                        <a-button :disabled="isPreparing || isAutoFilling" type="primary"
                            :style="{'padding': '0 5px','margin-left': '10px','background-color':'red'}" @click="() => {
                                if(data.loginedUserInfo.isVip==0){
                                    showBuyVIPWarningForm();
                                    return;
                                }
                                currentPageName = 'chong'
                            }">可冲击</a-button>
                        <a-button :disabled="isPreparing || isAutoFilling" type="primary"
                            style="padding: 0 5px;margin-left: 10px;" @click="()=>{
                                if(data.loginedUserInfo.isVip==0){
                                    showBuyVIPWarningForm();
                                    return;
                                }
                                currentPageName = 'wen'
                            }">较稳妥</a-button>
                        <a-button :disabled="isPreparing || isAutoFilling" type="primary"
                            style="padding: 0 5px;margin-left: 10px;" @click="()=>{
                                if(data.loginedUserInfo.isVip==0){
                                    showBuyVIPWarningForm();
                                    return;
                                }
                                currentPageName = 'bao'
                            }">可保稳</a-button>
                        <a-button style="padding: 0 5px;margin-left: 10px;" type="primary" :loading="isAutoFilling"
                            @click="beforeAutoFillApplication">一键智能填报</a-button>
                        <a-button :loading="isPreparing" style="padding: 0 5px;margin-left: 10px;" type="primary" @click="() => {
                            allCurrent.all = 1
                            allCurrent.chong = 1
                            allCurrent.wen = 1
                            allCurrent.bao = 1

                            getApplications();
                        }">搜索志愿</a-button> -->
                        <!-- <a-button type="primary" style="padding: 0 5px;margin-left: 10px;" @click="() => {
                            currentStep = 3;
                        }">下一步</a-button> -->
                        <div style="text-align: right;margin-top: 10px;">
                                    <a-button :disabled="isPreparing || isAutoFilling || isSmartSearching"
                                        style="padding: 0 5px;margin-left: 5px;" type="primary"
                                        @click="currentPageName = 'all';
                                        daType = 'all';
                                        daCurrent = 1;
                                        ISGet()">全部{{ currentPageName=='all'?'（当前）':'' }}</a-button>
                                    <a-button :disabled="isPreparing || isAutoFilling || isSmartSearching" type="primary"
                                        :style="{padding: '0 5px','margin-left': '5px','background-color':(data.loginedUserInfo!=undefined &&  data.loginedUserInfo.isVip==1) ? 'rgb(22,93.255)': 'rgb(204, 204, 204)'}" @click="() => {
                                            if(data.loginedUserInfo==undefined){
                                                return;
                                            }
                                            if(data.loginedUserInfo.isVip==0){
                                                showBuyVIPWarningForm();
                                                return;
                                            }
                                            currentPageName = 'chong'
                                            daType = 'chong'
                                            daCurrent = 1
                                            ISGet()
                                        }">可冲击{{ currentPageName=='chong'?'（当前）':'' }}</a-button>
                                    <a-button :disabled="isPreparing || isAutoFilling || isSmartSearching" type="primary"
                                    :style="{padding: '0 5px','margin-left': '5px','background-color':(data.loginedUserInfo!=undefined &&  data.loginedUserInfo.isVip==1) ? 'rgb(22,93.255)' : 'rgb(204, 204, 204)'}"
                                        @click="()=>{
                                            if(data.loginedUserInfo==undefined){
                                                return;
                                            }
                                            if(data.loginedUserInfo.isVip==0){
                                                showBuyVIPWarningForm();
                                                return;
                                            }
                                            currentPageName = 'wen'
                                            daType = 'wen'
                                            daCurrent = 1
                                            ISGet()
                                        }">较稳妥{{ currentPageName=='wen'?'（当前）':'' }}</a-button>
                                    <a-button :disabled="isPreparing || isAutoFilling || isSmartSearching" type="primary"
                                    :style="{padding: '0 5px','margin-left': '5px','background-color':(data.loginedUserInfo!=undefined &&  data.loginedUserInfo.isVip==1) ? 'rgb(22,93.255)' : 'rgb(204, 204, 204)'}"
                                        @click="()=>{
                                            if(data.loginedUserInfo==undefined){
                                                return;
                                            }
                                            if(data.loginedUserInfo.isVip==0){
                                                showBuyVIPWarningForm();
                                                return;
                                            }
                                            currentPageName = 'bao'
                                            daType = 'bao'
                                            daCurrent = 1
                                            ISGet()
                                        }">可保稳{{ currentPageName=='bao'?'（当前）':'' }}</a-button><br>
                                    <a-button style="margin-top: 10px;" :disabled="(data.loginedUserInfo!=undefined && data.loginedUserInfo.isVip == 0) || (isPreparing || isAutoFilling) || isSmartSearching"
                                        :style="{padding: '0 5px','margin-left': '5px','background-color':(data.loginedUserInfo!=undefined &&  data.loginedUserInfo.isVip==1) ? 'rgb(22,93.255)' : 'rgb(204, 204, 204)'}" type="primary" :loading="isAutoFilling"
                                        @click="beforeAutoFillApplication">一键智能填报</a-button>
                                    <a-button :disabled="isAutoFilling" :loading="isPreparing || isSmartSearching"
                                        style="padding: 0 5px;margin-left: 5px;margin-top: 10px;" type="primary" @click="() => {
                                            searchForm.current = 1;
                                            getApplications();
                                        }">搜索志愿</a-button>

                                </div>
                    </div>
                </div>
                <!-- // 志愿模版 -->
                <div v-if="isPreparing" style="text-align: center;">
                    <a-button :loading="true" style="scale: 1.4;background-color: white;">请稍后</a-button>
                </div>
                <div >
                    <div v-bind:key="item" v-for="item in displayApplications"
                        style="width: 100%;position: relative;border-radius: 5px;border: 1px solid rgb(230,230,230);height: auto;overflow: hidden;margin-top: 10px;line-height: 20px;min-height: 180px;">
                        <div style="position: relative;border-bottom:1px solid rgb(230,230,230);">
                            <div
                                style="word-break:break-all;padding: 10px 10px;width: calc(100% - 120px);height: 100%;display: inline-block;font-size: 14px;user-select: text !important;border-right: 1px solid rgb(230,230,230);min-height:120px">
                                {{ item.majorName }}
                                <br>
                                <div style="color: gray;user-select: text !important;">
                                    代码：{{ item.majorCode }}
                                </div>
                                <div style="color: gray;user-select: text !important;">
                                    学费：{{ item.money }}
                                </div>
                                <div style="color: gray;user-select: text !important;">
                                    科目：{{ item.subject }}
                                </div>
                            </div>
                            <div style="word-break:break-all;padding: 10px 10px;width: 120px;height: 100%;right: 440px;user-select: text !important;cursor: pointer;display: inline-block;float:right"
                                @click="showUniversityIntroductionPage(item.universityName)">
                                {{ item.universityName }}
                                <br>
                                <div style="color: gray;user-select: text !important;">
                                    代码：{{ item.universityCode + " " + item.level }}
                                </div>
                            </div>
                        </div>
                        <div style="position:relative;border-bottom:1px solid rgb(230,230,230)">
                            <div
                                style="word-break:break-all;padding: 10px 10px;width: calc(100% / 3);height: 120px;display:inline-block;border-right:1px solid rgb(230,230,230)">
                                <div style="user-select: text !important;">
                                    {{ subtractYear(1) }}年
                                </div>
                                <div v-if="item.score1 != 0" style="user-select: text !important;color: gray;">
                                    录取人数：{{ item.num1 }}
                                </div>
                                <div v-if="item.score1 != 0" style="user-select: text !important;color: gray;">
                                    最低分：{{ item.score1 }}
                                </div>
                                <div v-if="item.score1 != 0" style="user-select: text !important;color: gray;">
                                    最低位次：<br>{{ item.ranking1 }}
                                </div>
                                <div v-if="item.score1 == 0" style="user-select: text !important;color: gray;">
                                    没有数据
                                </div>
                            </div>
                            <div
                                style="word-break:break-all;padding: 10px 10px;width: calc(100% / 3);height: 120px;display:inline-block;border-right:1px solid rgb(230,230,230)">
                                <div style="user-select: text !important;">
                                    {{ subtractYear(2) }}年
                                </div>
                                <div v-if="item.score2 != 0" style="user-select: text !important;color: gray;">
                                    录取人数：{{ item.num2 }}
                                </div>
                                <div v-if="item.score2 != 0" style="user-select: text !important;color: gray;">
                                    最低分：{{ item.score2 }}
                                </div>
                                <div v-if="item.score2 != 0" style="user-select: text !important;color: gray;">
                                    最低位次：<br>{{ item.ranking2 }}
                                </div>
                                <div v-if="item.score2 == 0" style="user-select: text !important;color: gray;">
                                    没有数据
                                </div>
                            </div>
                            <div
                                style="word-break:break-all;padding: 10px 10px;width: calc(100% / 3);height: 120px;display:inline-block;float:right">
                                <div style="user-select: text !important;">
                                    {{ subtractYear(3) }}年
                                </div>
                                <div v-if="item.score3 != 0" style="user-select: text !important;color: gray;">
                                    录取人数：{{ item.num3 }}
                                </div>
                                <div v-if="item.score3 != 0" style="user-select: text !important;color: gray;">
                                    最低分：{{ item.score3 }}
                                </div>
                                <div v-if="item.score3 != 0" style="user-select: text !important;color: gray;">
                                    最低位次：<br>{{ item.ranking3 }}
                                </div>
                                <div v-if="item.score3 == 0" style="user-select: text !important;color: gray;">
                                    没有数据
                                </div>
                            </div>
                        </div>

                        <div
                            style="height: 100%;width: auto;display: inline-block;text-align: center;padding: 0 10px;float: right;padding-top: 10px;padding-bottom: 10px;;">
                            <a-trigger trigger="click" :unmount-on-close="false">
                                <a-button type="primary" status="success"
                                    @click="inputNewApplicationFormName = ''">填报</a-button>
                                <template #content>
                                    <div
                                        style="padding: 10px 10px;border-radius: 5px;background-color: white;box-shadow: 0 4px 10px rgba(0,0,0,0.2);">
                                        <div v-if="myApplicationFormList.length != 0">
                                            选择志愿表
                                        </div>
                                        <div v-if="myApplicationFormList.length != 0"
                                            style="width: 200px;overflow-y: scroll;margin-bottom: 5px;margin-top: 5px;max-height: 400px;">
                                            <div v-for="item1 in myApplicationFormList" v-bind:key="item1"
                                                class="right-button" @click="addApplication(item, item1)">
                                                {{ item1 }}
                                            </div>
                                        </div>
                                        新建志愿表
                                        <div style="width: 200px;margin-bottom: 5px;margin-top: 5px;">
                                            <a-input v-model="inputNewApplicationFormName" placeholder="新志愿表名称"
                                                style="width: 100%;height: 35px;padding: 0 0;background-color: white;border: 0;border-bottom: 1px solid rgb(0,120,215);"></a-input>
                                        </div>
                                        <div style="text-align: right;">
                                            <a-link @click="() => {
                                                addApplication(item, this.inputNewApplicationFormName, true)
                                            }">新建并填报</a-link>
                                        </div>
                                    </div>
                                </template>
                            </a-trigger>
                            <!-- <a-button type="primary" status="success" @click="addApplication(item)">填报</a-button> -->
                        </div>
                    </div>
                </div>
                <!-- <div v-show="currentPageName == 'chong'">
                    <div v-bind:key="item" v-for="item in chong"
                        style="width: 100%;position: relative;border-radius: 5px;border: 1px solid rgb(230,230,230);height: auto;overflow: hidden;margin-top: 10px;line-height: 20px;min-height: 180px;">
                        <div style="position: relative;border-bottom:1px solid rgb(230,230,230);">
                            <div
                                style="word-break:break-all;padding: 10px 10px;width: calc(100% - 120px);height: 100%;display: inline-block;font-size: 14px;user-select: text !important;border-right: 1px solid rgb(230,230,230);min-height:120px">
                                {{ item.majorName }}
                                <br>
                                <div style="color: gray;user-select: text !important;">
                                    代码：{{ item.majorCode }}
                                </div>
                                <div style="color: gray;user-select: text !important;">
                                    学费：{{ item.money }}
                                </div>
                                <div style="color: gray;user-select: text !important;">
                                    科目：{{ item.subject }}
                                </div>
                            </div>
                            <div style="word-break:break-all;padding: 10px 10px;width: 120px;height: 100%;right: 440px;user-select: text !important;cursor: pointer;display: inline-block;float:right"
                                @click="showUniversityIntroductionPage(item.universityName)">
                                {{ item.universityName }}
                                <br>
                                <div style="color: gray;user-select: text !important;">
                                    代码：{{ item.universityCode + " " + item.level }}
                                </div>
                            </div>
                        </div>
                        <div style="position:relative;border-bottom:1px solid rgb(230,230,230)">
                            <div
                                style="word-break:break-all;padding: 10px 10px;width: calc(100% / 3);height: 120px;display:inline-block;border-right:1px solid rgb(230,230,230)">
                                <div style="user-select: text !important;">
                                    {{ subtractYear(1) }}年
                                </div>
                                <div v-if="item.score1 != 0" style="user-select: text !important;color: gray;">
                                    录取人数：{{ item.num1 }}
                                </div>
                                <div v-if="item.score1 != 0" style="user-select: text !important;color: gray;">
                                    最低分：{{ item.score1 }}
                                </div>
                                <div v-if="item.score1 != 0" style="user-select: text !important;color: gray;">
                                    最低位次：<br>{{ item.ranking1 }}
                                </div>
                                <div v-if="item.score1 == 0" style="user-select: text !important;color: gray;">
                                    没有数据
                                </div>
                            </div>
                            <div
                                style="word-break:break-all;padding: 10px 10px;width: calc(100% / 3);height: 120px;display:inline-block;border-right:1px solid rgb(230,230,230)">
                                <div style="user-select: text !important;">
                                    {{ subtractYear(2) }}年
                                </div>
                                <div v-if="item.score2 != 0" style="user-select: text !important;color: gray;">
                                    录取人数：{{ item.num2 }}
                                </div>
                                <div v-if="item.score2 != 0" style="user-select: text !important;color: gray;">
                                    最低分：{{ item.score2 }}
                                </div>
                                <div v-if="item.score2 != 0" style="user-select: text !important;color: gray;">
                                    最低位次：<br>{{ item.ranking2 }}
                                </div>
                                <div v-if="item.score2 == 0" style="user-select: text !important;color: gray;">
                                    没有数据
                                </div>
                            </div>
                            <div
                                style="word-break:break-all;padding: 10px 10px;width: calc(100% / 3);height: 120px;display:inline-block;float:right">
                                <div style="user-select: text !important;">
                                    {{ subtractYear(3) }}年
                                </div>
                                <div v-if="item.score3 != 0" style="user-select: text !important;color: gray;">
                                    录取人数：{{ item.num3 }}
                                </div>
                                <div v-if="item.score3 != 0" style="user-select: text !important;color: gray;">
                                    最低分：{{ item.score3 }}
                                </div>
                                <div v-if="item.score3 != 0" style="user-select: text !important;color: gray;">
                                    最低位次：<br>{{ item.ranking3 }}
                                </div>
                                <div v-if="item.score3 == 0" style="user-select: text !important;color: gray;">
                                    没有数据
                                </div>
                            </div>
                        </div>

                        <div
                            style="height: 100%;width: auto;display: inline-block;text-align: center;padding: 0 10px;float: right;padding-top: 10px;padding-bottom: 10px;;">
                            <a-trigger trigger="click" :unmount-on-close="false">
                                <a-button type="primary" status="success"
                                    @click="inputNewApplicationFormName = ''">填报</a-button>
                                <template #content>
                                    <div
                                        style="padding: 10px 10px;border-radius: 5px;background-color: white;box-shadow: 0 4px 10px rgba(0,0,0,0.2);">
                                        <div v-if="myApplicationFormList.length != 0">
                                            选择志愿表
                                        </div>
                                        <div v-if="myApplicationFormList.length != 0"
                                            style="width: 200px;overflow-y: scroll;margin-bottom: 5px;margin-top: 5px;max-height: 400px;">
                                            <div v-for="item1 in myApplicationFormList" v-bind:key="item1"
                                                class="right-button" @click="addApplication(item, item1)">
                                                {{ item1 }}
                                            </div>
                                        </div>
                                        新建志愿表
                                        <div style="width: 200px;margin-bottom: 5px;margin-top: 5px;">
                                            <a-input v-model="inputNewApplicationFormName" placeholder="新志愿表名称"
                                                style="width: 100%;height: 35px;padding: 0 0;background-color: white;border: 0;border-bottom: 1px solid rgb(0,120,215);"></a-input>
                                        </div>
                                        <div style="text-align: right;">
                                            <a-link @click="() => {
                                                addApplication(item, this.inputNewApplicationFormName, true)
                                            }">新建并填报</a-link>
                                        </div>
                                    </div>
                                </template>
                            </a-trigger>
                            <a-button type="primary" status="success" @click="addApplication(item)">填报</a-button>
                        </div>
                    </div>
                </div>
                <div v-show="currentPageName == 'wen'">
                    <div v-bind:key="item" v-for="item in wen"
                        style="width: 100%;position: relative;border-radius: 5px;border: 1px solid rgb(230,230,230);height: auto;overflow: hidden;margin-top: 10px;line-height: 20px;min-height: 180px;">
                        <div style="position: relative;border-bottom:1px solid rgb(230,230,230);">
                            <div
                                style="word-break:break-all;padding: 10px 10px;width: calc(100% - 120px);height: 100%;display: inline-block;font-size: 14px;user-select: text !important;border-right: 1px solid rgb(230,230,230);min-height:120px">
                                {{ item.majorName }}
                                <br>
                                <div style="color: gray;user-select: text !important;">
                                    代码：{{ item.majorCode }}
                                </div>
                                <div style="color: gray;user-select: text !important;">
                                    学费：{{ item.money }}
                                </div>
                                <div style="color: gray;user-select: text !important;">
                                    科目：{{ item.subject }}
                                </div>
                            </div>
                            <div style="word-break:break-all;padding: 10px 10px;width: 120px;height: 100%;right: 440px;user-select: text !important;cursor: pointer;display: inline-block;float:right"
                                @click="showUniversityIntroductionPage(item.universityName)">
                                {{ item.universityName }}
                                <br>
                                <div style="color: gray;user-select: text !important;">
                                    代码：{{ item.universityCode + " " + item.level }}
                                </div>
                            </div>
                        </div>
                        <div style="position:relative;border-bottom:1px solid rgb(230,230,230)">
                            <div
                                style="word-break:break-all;padding: 10px 10px;width: calc(100% / 3);height: 120px;display:inline-block;border-right:1px solid rgb(230,230,230)">
                                <div style="user-select: text !important;">
                                    {{ subtractYear(1) }}年
                                </div>
                                <div v-if="item.score1 != 0" style="user-select: text !important;color: gray;">
                                    录取人数：{{ item.num1 }}
                                </div>
                                <div v-if="item.score1 != 0" style="user-select: text !important;color: gray;">
                                    最低分：{{ item.score1 }}
                                </div>
                                <div v-if="item.score1 != 0" style="user-select: text !important;color: gray;">
                                    最低位次：<br>{{ item.ranking1 }}
                                </div>
                                <div v-if="item.score1 == 0" style="user-select: text !important;color: gray;">
                                    没有数据
                                </div>
                            </div>
                            <div
                                style="word-break:break-all;padding: 10px 10px;width: calc(100% / 3);height: 120px;display:inline-block;border-right:1px solid rgb(230,230,230)">
                                <div style="user-select: text !important;">
                                    {{ subtractYear(2) }}年
                                </div>
                                <div v-if="item.score2 != 0" style="user-select: text !important;color: gray;">
                                    录取人数：{{ item.num2 }}
                                </div>
                                <div v-if="item.score2 != 0" style="user-select: text !important;color: gray;">
                                    最低分：{{ item.score2 }}
                                </div>
                                <div v-if="item.score2 != 0" style="user-select: text !important;color: gray;">
                                    最低位次：<br>{{ item.ranking2 }}
                                </div>
                                <div v-if="item.score2 == 0" style="user-select: text !important;color: gray;">
                                    没有数据
                                </div>
                            </div>
                            <div
                                style="word-break:break-all;padding: 10px 10px;width: calc(100% / 3);height: 120px;display:inline-block;float:right">
                                <div style="user-select: text !important;">
                                    {{ subtractYear(3) }}年
                                </div>
                                <div v-if="item.score3 != 0" style="user-select: text !important;color: gray;">
                                    录取人数：{{ item.num3 }}
                                </div>
                                <div v-if="item.score3 != 0" style="user-select: text !important;color: gray;">
                                    最低分：{{ item.score3 }}
                                </div>
                                <div v-if="item.score3 != 0" style="user-select: text !important;color: gray;">
                                    最低位次：<br>{{ item.ranking3 }}
                                </div>
                                <div v-if="item.score3 == 0" style="user-select: text !important;color: gray;">
                                    没有数据
                                </div>
                            </div>
                        </div>

                        <div
                            style="height: 100%;width: auto;display: inline-block;text-align: center;padding: 0 10px;float: right;padding-top: 10px;padding-bottom: 10px;;">
                            <a-trigger trigger="click" :unmount-on-close="false">
                                <a-button type="primary" status="success"
                                    @click="inputNewApplicationFormName = ''">填报</a-button>
                                <template #content>
                                    <div
                                        style="padding: 10px 10px;border-radius: 5px;background-color: white;box-shadow: 0 4px 10px rgba(0,0,0,0.2);">
                                        <div v-if="myApplicationFormList.length != 0">
                                            选择志愿表
                                        </div>
                                        <div v-if="myApplicationFormList.length != 0"
                                            style="width: 200px;overflow-y: scroll;margin-bottom: 5px;margin-top: 5px;max-height: 400px;">
                                            <div v-for="item1 in myApplicationFormList" v-bind:key="item1"
                                                class="right-button" @click="addApplication(item, item1)">
                                                {{ item1 }}
                                            </div>
                                        </div>
                                        新建志愿表
                                        <div style="width: 200px;margin-bottom: 5px;margin-top: 5px;">
                                            <a-input v-model="inputNewApplicationFormName" placeholder="新志愿表名称"
                                                style="width: 100%;height: 35px;padding: 0 0;background-color: white;border: 0;border-bottom: 1px solid rgb(0,120,215);"></a-input>
                                        </div>
                                        <div style="text-align: right;">
                                            <a-link @click="() => {
                                                addApplication(item, this.inputNewApplicationFormName, true)
                                            }">新建并填报</a-link>
                                        </div>
                                    </div>
                                </template>
                            </a-trigger>
                            <a-button type="primary" status="success" @click="addApplication(item)">填报</a-button>
                        </div>
                    </div>
                </div>
                <div v-show="currentPageName == 'bao'">
                    <div v-bind:key="item" v-for="item in bao"
                        style="width: 100%;position: relative;border-radius: 5px;border: 1px solid rgb(230,230,230);height: auto;overflow: hidden;margin-top: 10px;line-height: 20px;min-height: 180px;">
                        <div style="position: relative;border-bottom:1px solid rgb(230,230,230);">
                            <div
                                style="word-break:break-all;padding: 10px 10px;width: calc(100% - 120px);height: 100%;display: inline-block;font-size: 14px;user-select: text !important;border-right: 1px solid rgb(230,230,230);min-height:120px">
                                {{ item.majorName }}
                                <br>
                                <div style="color: gray;user-select: text !important;">
                                    代码：{{ item.majorCode }}
                                </div>
                                <div style="color: gray;user-select: text !important;">
                                    学费：{{ item.money }}
                                </div>
                                <div style="color: gray;user-select: text !important;">
                                    科目：{{ item.subject }}
                                </div>
                            </div>
                            <div style="word-break:break-all;padding: 10px 10px;width: 120px;height: 100%;right: 440px;user-select: text !important;cursor: pointer;display: inline-block;float:right"
                                @click="showUniversityIntroductionPage(item.universityName)">
                                {{ item.universityName }}
                                <br>
                                <div style="color: gray;user-select: text !important;">
                                    代码：{{ item.universityCode + " " + item.level }}
                                </div>
                            </div>
                        </div>
                        <div style="position:relative;border-bottom:1px solid rgb(230,230,230)">
                            <div
                                style="word-break:break-all;padding: 10px 10px;width: calc(100% / 3);height: 120px;display:inline-block;border-right:1px solid rgb(230,230,230)">
                                <div style="user-select: text !important;">
                                    {{ subtractYear(1) }}年
                                </div>
                                <div v-if="item.score1 != 0" style="user-select: text !important;color: gray;">
                                    录取人数：{{ item.num1 }}
                                </div>
                                <div v-if="item.score1 != 0" style="user-select: text !important;color: gray;">
                                    最低分：{{ item.score1 }}
                                </div>
                                <div v-if="item.score1 != 0" style="user-select: text !important;color: gray;">
                                    最低位次：<br>{{ item.ranking1 }}
                                </div>
                                <div v-if="item.score1 == 0" style="user-select: text !important;color: gray;">
                                    没有数据
                                </div>
                            </div>
                            <div
                                style="word-break:break-all;padding: 10px 10px;width: calc(100% / 3);height: 120px;display:inline-block;border-right:1px solid rgb(230,230,230)">
                                <div style="user-select: text !important;">
                                    {{ subtractYear(2) }}年
                                </div>
                                <div v-if="item.score2 != 0" style="user-select: text !important;color: gray;">
                                    录取人数：{{ item.num2 }}
                                </div>
                                <div v-if="item.score2 != 0" style="user-select: text !important;color: gray;">
                                    最低分：{{ item.score2 }}
                                </div>
                                <div v-if="item.score2 != 0" style="user-select: text !important;color: gray;">
                                    最低位次：<br>{{ item.ranking2 }}
                                </div>
                                <div v-if="item.score2 == 0" style="user-select: text !important;color: gray;">
                                    没有数据
                                </div>
                            </div>
                            <div
                                style="word-break:break-all;padding: 10px 10px;width: calc(100% / 3);height: 120px;display:inline-block;float:right">
                                <div style="user-select: text !important;">
                                    {{ subtractYear(3) }}年
                                </div>
                                <div v-if="item.score3 != 0" style="user-select: text !important;color: gray;">
                                    录取人数：{{ item.num3 }}
                                </div>
                                <div v-if="item.score3 != 0" style="user-select: text !important;color: gray;">
                                    最低分：{{ item.score3 }}
                                </div>
                                <div v-if="item.score3 != 0" style="user-select: text !important;color: gray;">
                                    最低位次：<br>{{ item.ranking3 }}
                                </div>
                                <div v-if="item.score3 == 0" style="user-select: text !important;color: gray;">
                                    没有数据
                                </div>
                            </div>
                        </div>

                        <div
                            style="height: 100%;width: auto;display: inline-block;text-align: center;padding: 0 10px;float: right;padding-top: 10px;padding-bottom: 10px;;">
                            <a-trigger trigger="click" :unmount-on-close="false">
                                <a-button type="primary" status="success"
                                    @click="inputNewApplicationFormName = ''">填报</a-button>
                                <template #content>
                                    <div
                                        style="padding: 10px 10px;border-radius: 5px;background-color: white;box-shadow: 0 4px 10px rgba(0,0,0,0.2);">
                                        <div v-if="myApplicationFormList.length != 0">
                                            选择志愿表
                                        </div>
                                        <div v-if="myApplicationFormList.length != 0"
                                            style="width: 200px;overflow-y: scroll;margin-bottom: 5px;margin-top: 5px;max-height: 400px;">
                                            <div v-for="item1 in myApplicationFormList" v-bind:key="item1"
                                                class="right-button" @click="addApplication(item, item1)">
                                                {{ item1 }}
                                            </div>
                                        </div>
                                        新建志愿表
                                        <div style="width: 200px;margin-bottom: 5px;margin-top: 5px;">
                                            <a-input v-model="inputNewApplicationFormName" placeholder="新志愿表名称"
                                                style="width: 100%;height: 35px;padding: 0 0;background-color: white;border: 0;border-bottom: 1px solid rgb(0,120,215);"></a-input>
                                        </div>
                                        <div style="text-align: right;">
                                            <a-link @click="() => {
                                                addApplication(item, this.inputNewApplicationFormName, true)
                                            }">新建并填报</a-link>
                                        </div>
                                    </div>
                                </template>
                            </a-trigger>
                            <a-button type="primary" status="success" @click="addApplication(item)">填报</a-button> 
                        </div>
                    </div>
                </div> -->

                <div v-if="isSmartSearching==false" style="text-align: right;margin-bottom: 100px;margin-top: 20px;">
                    <a-button style="padding: 0 5px;" :disabled="allCurrent.all == 1 || isChangingPage" @click="() => {
                        allCurrent.all = 1
                        getAll()
                    }">第一页</a-button>
                    <a-button :disabled="allCurrent.all == 1 || isChangingPage" style="margin-left: 5px;padding: 0 5px;" @click="() => {
                        allCurrent.all -= 1;
                        getAll()

                    }">上一页</a-button>
                    <a-button style="background-color: white;cursor: unset;margin-left: 5px;padding: 0 0;">{{
                        allCurrent.all + '/' + allPageNums.all }}</a-button>
                    <a-button :disabled="allCurrent.all == allPageNums.all || isChangingPage" style="margin-left: 5px;padding: 0 5px;" @click="() => {
                        allCurrent.all += 1;
                        getAll()
                    }">下一页</a-button>
                    <a-button :disabled="allCurrent.all == allPageNums.all || isChangingPage" style="margin-left: 5px;padding: 0 5px;" @click="() => {
                        allCurrent.all = allPageNums.all;
                        getAll()

                    }">最后一页</a-button>
                </div>
                <!-- <div v-if="isSmartSearching==false" v-show="currentPageName == 'chong'" style="text-align: right;margin-bottom: 100px;margin-top: 20px;">
                    <a-button style="padding:0 5px" :disabled="allCurrent.chong == 1 || isChangingPage" @click="() => {
                        allCurrent.chong = 1
                        getChongWenBao('chong')
                    }">第一页</a-button>
                    <a-button :disabled="allCurrent.chong == 1 || isChangingPage" style="margin-left: 5px;padding:0 5px" @click="() => {
                        allCurrent.chong -= 1;
                        getChongWenBao('chong')

                    }">上一页</a-button>
                    <a-button style="background-color: white;cursor: unset;margin-left: 5px;padding: 0 0;">{{
                        allCurrent.chong + '/' + allPageNums.chong }}</a-button>
                    <a-button :disabled="allCurrent.chong == allPageNums.chong || isChangingPage" style="margin-left: 5px;padding: 0 5px;" @click="() => {
                        allCurrent.chong += 1;
                        getChongWenBao('chong')
                    }">下一页</a-button>
                    <a-button :disabled="allCurrent.chong == allPageNums.chong || isChangingPage" style="margin-left: 5px;padding: 0 5px;" @click="() => {
                        allCurrent.chong = allPageNums.chong;
                        getChongWenBao('chong')

                    }">最后一页</a-button>
                </div>
                <div v-if="isSmartSearching==false" v-show="currentPageName == 'wen'" style="text-align: right;margin-bottom: 100px;margin-top: 20px;">
                    <a-button style="padding: 0 5px;" :disabled="allCurrent.wen == 1 || isChangingPage" @click="() => {
                        allCurrent.wen = 1
                        getChongWenBao('wen')
                    }">第一页</a-button>
                    <a-button :disabled="allCurrent.wen == 1 || isChangingPage" style="margin-left: 5px;padding: 0 5px;" @click="() => {
                        allCurrent.wen -= 1;
                        getChongWenBao('wen')

                    }">上一页</a-button>
                    <a-button style="background-color: white;cursor: unset;margin-left: 5px;padding: 0 0;">{{
                        allCurrent.wen + '/' + allPageNums.wen }}</a-button>
                    <a-button :disabled="allCurrent.wen == allPageNums.wen || isChangingPage" style="margin-left: 5px;padding: 0 5px;" @click="() => {
                        allCurrent.wen += 1;
                        getChongWenBao('wen')
                    }">下一页</a-button>
                    <a-button :disabled="allCurrent.wen == allPageNums.wen || isChangingPage" style="margin-left: 5px;padding: 0 5px;" @click="() => {
                        allCurrent.wen = allPageNums.wen;
                        getChongWenBao('wen')

                    }">最后一页</a-button>
                </div>
                <div v-if="isSmartSearching==false" v-show="currentPageName == 'bao'" style="text-align: right;margin-bottom: 100px;margin-top: 20px;">
                    <a-button :disabled="allCurrent.bao == 1 || isChangingPage" style="padding: 0 5px;" @click="() => {
                        allCurrent.bao = 1
                        getChongWenBao('bao')
                    }">第一页</a-button>
                    <a-button :disabled="allCurrent.bao == 1 || isChangingPage" style="margin-left: 5px;padding :0 5px" @click="() => {
                        allCurrent.bao -= 1;
                        getChongWenBao('bao')

                    }">上一页</a-button>
                    <a-button style="background-color: white;cursor: unset;margin-left: 5px;padding :0 0">{{
                        allCurrent.bao + '/' + allPageNums.bao }}</a-button>
                    <a-button :disabled="allCurrent.bao == allPageNums.bao || isChangingPage" style="margin-left: 5px;padding :0 5px" @click="() => {
                        allCurrent.bao += 1;
                        getChongWenBao('bao')
                    }">下一页</a-button>
                    <a-button :disabled="allCurrent.bao == allPageNums.bao || isChangingPage" style="margin-left: 5px;padding :0 5px" @click="() => {
                        allCurrent.bao = allPageNums.bao;
                        getChongWenBao('bao')

                    }">最后一页</a-button>
                </div> -->
            </div>
            <div v-if="currentStep == 3 && isMyApplicationPage == false">
                <div style="text-align: center;font-size: 20px;color: gray;margin-bottom: 20px;">
                    查看志愿表<br>
                    <a-button @click="isMyApplicationPage = true; getMyApplications(); getFormList()"
                        style="margin-top: 20px;margin-right: 20px;">查看志愿表</a-button>
                    <a-button @click="currentStep = 1" style="margin-top: 20px;margin-right: 0px;">重新填报</a-button>
                </div>
            </div>
            <div v-if="isMyApplicationPage"
                style="width: 100%;height: calc(100% - 63px);padding: 10px 10px;overflow-y: scroll;">
                <div v-if="isGettingMyApplication && isDeletingItemKey == undefined && isUppingApplicationKey == undefined && isDowningApplicationKay == undefined"
                    style="text-align: center;margin-bottom: 20px;">
                    <a-button :loading="true" style="scale: 1.4;background-color: white;">正在获取你的志愿表</a-button>
                </div>

                <div v-if="mobileIsFormListPage">

                    <div style="margin-bottom: 15px;">
                        我的志愿表列表
                    </div>

                    <div v-if="!isGettingMyApplication && myApplicationFormList.length == 0"
                        style="text-align: center;font-size: 20px;color: gray;">
                        志愿表列表为空<br>
                        <a-button type="primary" @click="isMyApplicationPage = false"
                            style="margin-top: 20px;">选择志愿</a-button>
                    </div>

                    <div class="right-button" v-for="item in myApplicationFormList" v-bind:key="item"
                        style="border: 1px solid rgb(230,230,230);" @click="() => {
                            selectedFormName = item;
                            getMyApplications();
                            mobileIsFormListPage = false;
                        }">
                        {{ item }}
                    </div>

                </div>

                <div v-if="((!isGettingMyApplication && myApplications.length != 0) || (isDeletingItemKey != undefined || isUppingApplicationKey != undefined || isDowningApplicationKay != undefined) || showList) && mobileIsFormListPage == false"
                    style="position: relative;">
                    <a-trigger trigger="click" :unmount-on-close="false">
                        <div
                            style="width: 60px;height:60px;border-radius: 100px;position: fixed;right:20px;bottom:80px;background-color: rgb(0,120,215);z-index: 10000;box-shadow: 0 4px 10px rgba(0,0,0,0.2);color: white;padding-left: 18px;padding-top: 18px;">
                            <svg width="24" height="24" viewBox="0 0 48 48" fill="currentColor">
                                <path fill-rule="evenodd" clip-rule="evenodd"
                                    d="M17 6a1 1 0 00-1 1v2a1 1 0 001 1h26a1 1 0 001-1V7a1 1 0 00-1-1H17zm0 16a1 1 0 00-1 1v2a1 1 0 001 1h26a1 1 0 001-1v-2a1 1 0 00-1-1H17zM4 23a1 1 0 011-1h6a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1v-2zM5 6a1 1 0 00-1 1v2a1 1 0 001 1h6a1 1 0 001-1V7a1 1 0 00-1-1H5zM4 39a1 1 0 011-1h6a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1v-2zm13-1a1 1 0 00-1 1v2a1 1 0 001 1h26a1 1 0 001-1v-2a1 1 0 00-1-1H17z"
                                    fill="currentColor" />
                            </svg>
                        </div>
                        <template #content>
                            <div
                                style="padding: 5px 5px;border-radius: 5px;background: white;box-shadow: 0 4px 10px rgba(0,0,0,0.1);position: fixed;right: 20px;bottom: 150px;width: 100%;font-size: 16px;width: 70%;">
                                <div class="right-button" @click="mobileIsFormListPage = true">
                                    志愿表列表
                                </div>
                                <div class="right-button" @click="deleteSingleForm(selectedFormName)">
                                    删除当前志愿表
                                </div>
                            </div>
                        </template>
                    </a-trigger>

                    <div style="margin-bottom: 15px;">
                        {{ selectedFormName }}
                    </div>

                    <div v-bind:key="item" v-for="item in myApplications"
                        style="width: 100%;position: relative;border-radius: 5px;border: 1px solid rgb(230,230,230);height: auto;overflow: hidden;margin-bottom: 15px;line-height: 20px;"
                        :style="{ minHeight: item.isOpen == undefined ? '50px' : '180px' }">
                        <div v-if="item.isOpen != undefined"
                            style="position: relative;border-bottom:1px solid rgb(230,230,230);">
                            <div
                                style="word-break:break-all;padding: 10px 10px;width: calc(100% - 120px);height: 100%;display: inline-block;font-size: 14px;user-select: text !important;border-right: 1px solid rgb(230,230,230);min-height:120px">
                                {{ item.index0 + " " + item.majorName }}
                                <br>
                                <div style="color: gray;user-select: text !important;">
                                    代码：{{ item.majorCode }}
                                </div>
                                <div style="color: gray;user-select: text !important;">
                                    学费：{{ item.money }}
                                </div>
                                <div style="color: gray;user-select: text !important;">
                                    科目：{{ item.subject }}
                                </div>
                            </div>
                            <div style="word-break:break-all;padding: 10px 10px;width: 120px;height: 100%;right: 440px;user-select: text !important;cursor: pointer;display: inline-block;float:right"
                                @click="showUniversityIntroductionPage(item.universityName)">
                                {{ item.universityName }}
                                <br>
                                <div style="color: gray;user-select: text !important;">
                                    代码：{{ item.universityCode + " " + item.level }}
                                </div>
                            </div>
                        </div>
                        <div v-if="item.isOpen != undefined"
                            style="position:relative;border-bottom:1px solid rgb(230,230,230)">
                            <div
                                style="word-break:break-all;padding: 10px 10px;width: calc(100% / 3);height: 120px;display:inline-block;border-right:1px solid rgb(230,230,230)">
                                <div style="user-select: text !important;">
                                    {{ subtractYear(1) }}年
                                </div>
                                <div v-if="item.score1 != 0" style="user-select: text !important;color: gray;">
                                    录取人数：{{ item.num1 }}
                                </div>
                                <div v-if="item.score1 != 0" style="user-select: text !important;color: gray;">
                                    最低分：{{ item.score1 }}
                                </div>
                                <div v-if="item.score1 != 0" style="user-select: text !important;color: gray;">
                                    最低位次：<br>{{ item.ranking1 }}
                                </div>
                                <div v-if="item.score1 == 0" style="user-select: text !important;color: gray;">
                                    没有数据
                                </div>
                            </div>
                            <div
                                style="word-break:break-all;padding: 10px 10px;width: calc(100% / 3);height: 120px;display:inline-block;border-right:1px solid rgb(230,230,230)">
                                <div style="user-select: text !important;">
                                    {{ subtractYear(2) }}年
                                </div>
                                <div v-if="item.score2 != 0" style="user-select: text !important;color: gray;">
                                    录取人数：{{ item.num2 }}
                                </div>
                                <div v-if="item.score2 != 0" style="user-select: text !important;color: gray;">
                                    最低分：{{ item.score2 }}
                                </div>
                                <div v-if="item.score2 != 0" style="user-select: text !important;color: gray;">
                                    最低位次：<br>{{ item.ranking2 }}
                                </div>
                                <div v-if="item.score2 == 0" style="user-select: text !important;color: gray;">
                                    没有数据
                                </div>
                            </div>
                            <div
                                style="word-break:break-all;padding: 10px 10px;width: calc(100% / 3);height: 120px;display:inline-block;float:right">
                                <div style="user-select: text !important;">
                                    {{ subtractYear(3) }}年
                                </div>
                                <div v-if="item.score3 != 0" style="user-select: text !important;color: gray;">
                                    录取人数：{{ item.num3 }}
                                </div>
                                <div v-if="item.score3 != 0" style="user-select: text !important;color: gray;">
                                    最低分：{{ item.score3 }}
                                </div>
                                <div v-if="item.score3 != 0" style="user-select: text !important;color: gray;">
                                    最低位次：<br>{{ item.ranking3 }}
                                </div>
                                <div v-if="item.score3 == 0" style="user-select: text !important;color: gray;">
                                    没有数据
                                </div>
                            </div>
                        </div>
                        <div v-if="item.isOpen != undefined"
                            style="height: 100%;width: auto;display: inline-block;text-align: center;padding: 0 10px;float: right;padding-top: 10px;padding-bottom: 0px;;">
                            <a-button style="margin-bottom: 10px;margin-left: 10px;" type="primary" status="warning"
                                @click="deleteSingleApplication(item)" :loading="isDeletingItemKey == item">删除</a-button>
                            <a-button style="margin-bottom: 10px;margin-left: 10px;" @click="upApplication(item)"
                                :loading="isUppingApplicationKey == item" :disabled="item.index0 == 1">上移</a-button>
                            <a-button style="margin-bottom: 10px;margin-left: 10px;" @click="downApplication(item)"
                                :loading="isDowningApplicationKay == item"
                                :disabled="item.index0 == myApplications.length">下移</a-button>
                            <a-trigger trigger="click" :unmount-on-close="false">
                                <a-button @click="inputApplicationIndex = ''" style="margin-bottom: 10px;margin-left: 10px;"
                                    :disabled="myApplications.length == 0">移动</a-button>
                                <template #content>
                                    <div
                                        style="width: 300px;border-radius: 5px;border: 1px solid rgb(230,230,230);background-color: white;padding: 20px 20px;box-shadow: 0 4px 10px rgba(0,0,0,0.1);">
                                        <div>
                                            <span>将该志愿调整为第</span><span>
                                                <a-input v-model="inputApplicationIndex"
                                                    style="border: 0;border-bottom: 1px solid black;border-radius: 0;padding: 0 0;background-color: white;width: 2em;height: 20px;margin-bottom: 10px;"></a-input>
                                            </span><span>志愿。</span>
                                        </div>
                                        <div style="width: 100%;text-align: right;">
                                            <a-button :loading="isMovingApplicationKey == item"
                                                @click="moveApplication(item)">确定</a-button>
                                        </div>
                                    </div>
                                </template>
                            </a-trigger>
                            <a-button style="margin-bottom: 10px;margin-left: 10px;"
                                @click="item.isOpen = undefined">收缩</a-button>
                        </div>
                        <div v-if="item.isOpen == undefined" style="width:100%;padding:5px 5px;">
                            <span>
                                <div
                                    style="display: inline-block;height: 100%;width: 30px;text-align: center;border-right: 1px solid rgb(230,230,230);position:absolute;top:0;line-height:30px">
                                    {{ item.index0 }}
                                </div>
                            </span>
                            <span>
                                <div
                                    style="width:calc((100% - 70px) / 2);display:inline-block;word-break:break-all;margin-left:30px;padding:0 5px;border-right:1px solid rgb(230,230,230)">
                                    {{ getShortUniversityName(item.majorName, item.majorCode) }}
                                </div>
                            </span>
                            <span>
                                <div
                                    style="width:calc((100% - 70px) / 2);display:inline-block;word-break:break-all;padding:0 5px;right:40px;position:absolute;top:0;padding:5px 5px">
                                    {{ item.universityCode + " " + item.universityName }}
                                </div>
                            </span>
                            <span>
                                <div style="display: inline-block;height: 100%;width: 40px;text-align: center;border-left: 1px solid rgb(230,230,230);position:absolute;top:0;right:0;cursor:pointer;line-height:30px"
                                    @click="item.isOpen = true">
                                    展开
                                </div>
                            </span>
                        </div>
                    </div>
                    <div style="width: 100%;height: 100px;">

                    </div>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
// import userInfoSection from '@/components/userInfoSection.vue';
import axios from 'axios';
import userInfoSection2 from '@/components/userInfoSection2.vue';
// import XLSX from 'xlsx'

export default {
    components: {
        userInfoSection2
    },
    data() {
        return {
            displayApplications:[],
            daType:'all',
            daCurrent:1,
            daTotal:0,
            daPageTotal:0,
            showSearchResults: true,
            currentStep: 1,
            batch: 1,
            isPreparing: false,
            provinces: ['北京', '上海', '天津', '重庆', '四川', '云南', '贵州', '西藏', '河北', '山西', '内蒙古', '辽宁', '吉林', '黑龙江', '山东', '江苏', '浙江', '江西', '福建', '安徽', '陕西', '甘肃', '宁夏', '青海', '新疆', '河南', '湖南', '湖北', '海南', '广东', '广西'],
            applications: [],
            // ///////新加的属性
            all: [],
            chong: [],
            wen: [],
            bao: [],
            currentPageName:(this.data.loginedUserInfo!=undefined &&  this.data.loginedUserInfo.isVip==1) ? 'chong':'all',
            allCurrent: {
                chong: 1,
                bao: 1,
                wen: 1,
                all: 1
            },
            allPageNums: {
                all: 0,
                chong: 0,
                wen: 0,
                bao: 0
            },
            //////////////
            total: 0,
            searchForm: {
                universityName: '',
                majorName: [],
                moneyMin: '',
                moneyMax: '',
                scoreUp: '20',
                scoreDown: '30',
                levels: [],
                provinces: '',
                batch: this.batch == 1 ? '本科' : '专科',
                ranking: undefined,
                score: undefined,
                isSM: undefined,
                isSR: undefined,
                provincesData: undefined,
                current: 1,
                total: 0,
                pagesNum: 0,
                account: ''
            },
            myApplications: [],
            isMyApplicationPage: false,
            warningVisible: false,
            isGettingMyApplication: false,
            isDeletingAll: false,
            isDeletingItemKey: undefined,
            isUppingApplicationKey: undefined,
            isDowningApplicationKay: undefined,
            showList: false,
            isAutoFilling: false,
            autoFillWarningVisible: false,
            inputApplicationIndex: '',
            isMovingApplicationKey: undefined,
            myApplicationFormList: [],
            inputNewApplicationFormName: '',
            selectedFormName: undefined,
            isDeletingForm: false,
            mobileIsFormListPage: true,
            isChangingPage:false,
            isSmartSearching:true,
        }
    },
    mounted() {
        if (this.data.loginedUserInfo == undefined) {
            this.changePage(7);
            return;
        }
        if (this.data.loginedUserInfo != undefined) {
            this.searchForm.ranking = this.data.loginedUserInfo.ranking;
            this.score = this.data.loginedUserInfo.score;
            this.isSM = this.data.loginedUserInfo.isSM;
            this.isSR = this.data.loginedUserInfo.isSR;
        }
        this.getFormList();
    },
    methods: {
        getPageNum(n){
            return parseInt(n/10) + ((parseInt(n/10)==n/10)?0:1)
        },
        getRateLevelColorAndName(n){
            if(n<0.2){
                return ['red','难']
            }
            if(n<0.5){
                return ['rgb(0,120,215)','冲']
            }
            if(n<0.8){
                return ['#ff981c','稳']
            }
            return ['#00c03f','保']
        },
        changeCurrentPageName(pageName) {
            this.currentPageName = pageName;
        },
        deleteSingleForm(formName) {
            if (this.isGettingMyApplication == true || this.isDeletingForm == true) {
                return;
            }
            this.isDeletingForm = true;
            var config = {
                method: 'post',
                url: '/api/v1/applicationForm/deleteSingleForm?data=' + JSON.stringify({
                    account: this.data.loginedUserInfo.account,
                    formName: formName
                }),
                headers: {
                    'Accept': '*/*'
                }
            };

            axios(config)
                .then((res) => {
                    this.isDeletingForm = false;
                    if (res.data.status == 1) {
                        this.selectedFormName = undefined;
                        this.getFormList();
                        this.myApplications = [];
                        this.mobileIsFormListPage = true;
                    } else {
                        this.$message.error({
                            content: res.data.content
                        })
                    }
                })
        },
        getFormList() {
            var config = {
                method: 'get',
                url: '/api/v1/applicationForm/getFormList?data=' + JSON.stringify({
                    account: this.data.loginedUserInfo.account
                }),
                headers: {
                    'Accept': '*/*'
                }
            };

            axios(config)
                .then((res) => {
                    if (res.data.status == 1) {
                        this.myApplicationFormList = res.data.results
                    } else {
                        this.$message.error({
                            content: res.data.content
                        })
                    }
                })
        },
        getShortUniversityName(majorName, majorCode) {
            return majorCode + " " + ((majorName.length <= 23) ? (majorName) : (majorName.slice(0, 25) + "..."));
        },
        moveApplication(item) {
            if (isNaN(parseInt(this.inputApplicationIndex)) == true) {
                this.$message.error({
                    content: '输入的志愿顺序格式有误'
                })
                return;
            }
            if (parseInt(this.inputApplicationIndex) <= 0 || parseInt(this.inputApplicationIndex) > this.myApplications.length) {
                this.$message.error({
                    content: '志愿顺序应为正数并且不大于志愿数量'
                })
                return;
            }
            this.isMovingApplicationKey = item;
            var config = {
                method: 'post',
                url: '/api/v1/applicationForm/moveTo?data=' + JSON.stringify({
                    moveTo: this.inputApplicationIndex,
                    account: this.data.loginedUserInfo.account,
                    current: item.index0,
                    majorName: item.majorName,
                    universityName: item.universityName,
                    formName: this.selectedFormName
                }),
                headers: {
                    'Accept': '*/*'
                }
            };

            axios(config)
                .then((res) => {
                    this.isMovingApplicationKey = undefined;
                    if (res.data.status == 1) {
                        this.getMyApplications(false, true);
                    } else {
                        this.$message.error({
                            content: res.data.content
                        })
                    }
                })
        },
        generateExcelFile() {
            const XLSX = require("xlsx");
            var ws_name = "志愿表";

            /* Create worksheet */
            var ws_data = [
                [ws_name],
                ["序号", "专业代码", "专业名称", "院校代码", "院校名称"],
            ];
            for (let i = 0; i < this.myApplications.length; i++) {

                ws_data.push([this.myApplications[i].index0, this.myApplications[i].majorCode, this.myApplications[i].majorName, this.myApplications[i].universityCode, this.myApplications[i].universityName])
            }
            var ws = XLSX.utils.aoa_to_sheet(ws_data);

            // /* Create workbook */
            var wb = XLSX.utils.book_new();

            // /* Add the worksheet to the workbook */
            XLSX.utils.book_append_sheet(wb, ws, ws_name);
            // /* Write to file */
            XLSX.writeFile(wb, "志愿表.xlsx");
        },
        beforeAutoFillApplication() {
            if(this.data.loginedUserInfo!=undefined && this.data.loginedUserInfo.isVip==0){
                this.showBuyVIPWarningForm();
                return;
            }
            this.isAutoFilling = true;
            var config = {
                method: 'get',
                url: '/api/v1/applicationForm/get?data=' + JSON.stringify({
                    userAccount: this.data.loginedUserInfo.account
                }),
                headers: {
                    'Accept': '*/*'
                }
            };

            axios(config)
                .then((res) => {
                    console.log(res.data.results)
                    this.isAutoFilling = false;
                    if (res.data.status == 1) {
                        if (res.data.results.length == 0) {
                            this.autoFillApplication();
                        } else {
                            this.autoFillWarningVisible = true;
                        }
                    } else {
                        this.$message.error({
                            content: res.data.content
                        })
                    }
                })
        },
        autoFillApplication() {
            this.isAutoFilling = true;
            this.searchForm.account = this.data.loginedUserInfo.account;
            var config = {
                method: 'post',
                url: '/api/v1/fillApplication/autoFill?data=' + JSON.stringify({
                    account: this.searchForm.account,
                    batch: this.searchForm.batch,
                    subjects: this.data.loginedUserInfo.subjects,
                    isSM: this.searchForm.isSM,
                    isSR: this.searchForm.isSR,
                    levels: this.searchForm.levels,
                    majorName: this.searchForm.majorName,
                    moneyMax: this.searchForm.moneyMax,
                    // moneyMin: "",
                    name: this.searchForm.name,
                    // pagesNum: 850,
                    provinces: this.searchForm.provinces,
                    // provincesData: "{\"data\":\"\"}",
                    ranking: parseInt(this.searchForm.ranking),
                    score: parseInt(this.data.loginedUserInfo.score),
                    scoreDown: parseInt(this.searchForm.scoreDown),
                    scoreUp: parseInt(this.searchForm.scoreUp),
                    // total: 8491,
                    universityName: this.searchForm.universityName,
                    userAccount: this.searchForm.userAccount,
                    subjectScores: JSON.stringify(this.data.loginedUserInfo.subjectScores)
                }),
                headers: {
                    'Accept': '*/*'
                }
            };

            axios(config)
                .then((res) => {
                    console.log(res.data)
                    this.isAutoFilling = false;
                    // if (res.data.status == 1) {
                    //     this.currentStep = 3;
                    // } else {
                    //     this.$message.error({
                    //         content: res.data.content
                    //     })
                    // }
                })
        },
        downApplication(item) {
            this.isDowningApplicationKay = item;
            var config = {
                method: 'post',
                url: '/api/v1/applicationForm/down?data=' + JSON.stringify({
                    userAccount: this.data.loginedUserInfo.account,
                    majorName: item.majorName,
                    universityName: item.universityName,
                    index0: item.index0,
                    formName: this.selectedFormName
                }),
                headers: {
                    'Accept': '*/*',
                }
            };

            axios(config)
                .then((res) => {
                    this.isDowningApplicationKay = undefined;
                    if (res.data.status == 1) {
                        this.$message.success({
                            content: res.data.content
                        })
                        this.getMyApplications(false, true);
                    } else {
                        this.$message.error({
                            content: res.data.content
                        })
                    }
                })
        },
        upApplication(item) {
            this.isUppingApplicationKey = item;
            var config = {
                method: 'post',
                url: '/api/v1/applicationForm/up?data=' + JSON.stringify({
                    userAccount: this.data.loginedUserInfo.account,
                    index0: item.index0,
                    majorName: item.majorName,
                    universityName: item.universityName,
                    formName: this.selectedFormName
                }),
                headers: {
                    'Accept': '*/*',
                }
            };

            axios(config)
                .then((res) => {
                    this.isUppingApplicationKey = undefined;
                    if (res.data.status == 1) {
                        this.getMyApplications(false, true);
                    } else {
                        this.$message.error({
                            content: res.data.content
                        })
                    }
                })
        },
        deleteSingleApplication(item) {
            this.isDeletingItemKey = item;
            var config = {
                method: 'post',
                url: '/api/v1/applicationForm/deleteSingle?data=' + JSON.stringify({
                    userAccount: this.data.loginedUserInfo.account,
                    majorName: item.majorName,
                    universityName: item.universityName,
                    index0: item.index0
                }),
                headers: {
                    'Accept': '*/*',
                }
            };

            axios(config)
                .then((res) => {
                    this.isDeletingItemKey = undefined;
                    if (res.data.status == 1) {
                        this.$message.success({
                            content: res.data.content
                        })
                        this.getMyApplications(false, true);
                        this.getFormList();
                    } else {
                        this.$message.error({
                            content: res.data.content
                        })
                    }
                })
        },
        deleteAllApplications() {
            this.isDeletingAll = true;
            var config = {
                method: 'post',
                url: '/api/v1/applicationForm/deleteAll?data=' + JSON.stringify({
                    userAccount: this.data.loginedUserInfo.account
                }),
                headers: {
                    'Accept': '*/*',
                }
            };

            axios(config)
                .then((res) => {
                    this.isDeletingAll = false;
                    if (res.data.status == 1) {
                        this.currentStep = 2;
                        this.warningVisible = false;
                        this.getApplications();
                    } else {
                        this.$message.error({
                            content: res.data.content
                        })
                    }
                })
        },
        addApplication(item, item1, isNew) {
            if (isNew == true) {
                if (item1 == '') {
                    this.$message.error({
                        content: '请输入新志愿表名称'
                    })
                    return;
                }
                for (let i = 0; i < this.myApplicationFormList.length; i++) {
                    if (this.myApplicationFormList[i] == item1) {
                        this.$message.error({
                            content: '该志愿表已存在'
                        })
                        return;
                    }
                }
            }
            var config = {
                method: 'post',
                url: '/api/v1/applicationForm/add?data=' + JSON.stringify({
                    userAccount: this.data.loginedUserInfo.account,
                    majorName: item.majorName,
                    universityName: item.universityName,
                    formName: item1
                }),
                headers: {
                    'Accept': '*/*',
                }
            };

            axios(config)
                .then((res) => {
                    if (res.data.status == 1) {
                        this.$message.success({
                            content: res.data.content
                        })
                        this.getFormList();
                    } else {
                        this.$message.error({
                            content: res.data.content
                        })
                    }
                })
        },
        getMyApplications(isStart, showList) {
            if (this.isGettingMyApplication == true || this.isDeletingForm == true) {
                return;
            }
            if (this.selectedFormName == undefined && isStart == false) {
                return;
            }
            this.isGettingMyApplication = true;
            if (showList) {
                this.showList = true;
            }
            var config = {
                method: 'get',
                url: '/api/v1/applicationForm/get?data=' + JSON.stringify({
                    userAccount: this.data.loginedUserInfo.account,
                    formName: this.selectedFormName
                }),
                headers: {
                    'Accept': '*/*',
                }
            };

            axios(config)
                .then((res) => {
                    this.isGettingMyApplication = false;
                    this.showList = false;
                    if (res.data.status == 1) {
                        this.myApplications = res.data.results;
                        if (res.data.results.length == 0) {
                            this.selectedFormName = undefined;
                        }
                        console.log(this.myApplications[0])
                        if (isStart && res.data.results.length != 0) {
                            if (res.data.results[0].batch != (this.batch == 1 ? '本科' : '专科')) {
                                this.warningVisible = true;
                            } else {
                                this.currentStep = 2;
                                this.getApplications();
                            }
                        }
                        else if (isStart) {
                            this.currentStep = 2;
                            this.getApplications();
                        }
                    } else {
                        this.$message.error({
                            content: res.data.content
                        })
                    }
                })
        },
        getChongWenBao(type) {
            this.isPreparing = true;
            this.isChangingPage=true;
            this.searchForm.provincesData = JSON.stringify({
                data: this.searchForm.provinces
            })
            this.searchForm['userAccount'] = this.data.loginedUserInfo.account;
            this.searchForm.batch = this.batch == 1 ? '本科' : '专科';
            this.searchForm.isSM = this.data.loginedUserInfo.isSM;
            this.searchForm.isSR = this.data.loginedUserInfo.isSR;
            axios({
                method: 'get',
                url: '/api/v1/vip/smartSearch?data=' + JSON.stringify({
                    // account: "2300000006",
                    batch: this.searchForm.batch,
                    subjects: this.data.loginedUserInfo.subjects,
                    isSM: this.searchForm.isSM,
                    isSR: this.searchForm.isSR,
                    levels: this.searchForm.levels,
                    majorName: this.searchForm.majorName,
                    moneyMax: this.searchForm.moneyMax,
                    // moneyMin: "",
                    name: this.data.loginedUserInfo.name,
                    score: this.data.loginedUserInfo.score,
                    // pagesNum: 850,
                    provinces: this.searchForm.provinces,
                    // provincesData: "{\"data\":\"\"}",
                    ranking: parseInt(this.searchForm.ranking),
                    scoreDown: parseInt(this.searchForm.scoreDown),
                    scoreUp: parseInt(this.searchForm.scoreUp),
                    // total: 8491,
                    universityName: this.searchForm.universityName,
                    userAccount: this.searchForm.userAccount,
                    current: this.allCurrent[type],
                    type: type,
                    wenL: this.allCurrent.wen,
                    chongL: this.allCurrent.chong,
                    baoL: this.allCurrent.bao
                }),
                headers: {
                    'Accept': '*/*',
                }
            }).then((res) => {
                this.isPreparing = false
                this.isChangingPage=false;
                this[type] = res.data[type]
                this.allPageNums[type] = res.data[type + 'L']
                this.isSmartSearching=false;
            })
        },
        getAll() {
            this.isPreparing = true;
            this.isChangingPage=true;
            this.searchForm.provincesData = JSON.stringify({
                data: this.searchForm.provinces
            })
            this.searchForm['userAccount'] = this.data.loginedUserInfo.account;
            this.searchForm.batch = this.batch == 1 ? '本科' : '专科';
            this.searchForm.isSM = this.data.loginedUserInfo.isSM;
            this.searchForm.isSR = this.data.loginedUserInfo.isSR;
            // this.allCurrent.all++
            // this.searchForm.score = this.data.loginedUserInfo.score
            // console.log("在这", this.data.loginedUserInfo.subjects)
            var config = {
                method: 'get',
                url: '/api/v1/fillApplication/search?data=' + JSON.stringify({
                    // account: "2300000006",
                    pagesNum: 0,
                    batch: this.searchForm.batch,
                    aa: 333,
                    subjects: this.data.loginedUserInfo.subjects,
                    // current: 1,
                    isSM: this.searchForm.isSM,
                    isSR: this.searchForm.isSR,
                    levels: this.searchForm.levels,
                    majorName: this.searchForm.majorName,
                    moneyMax: this.searchForm.moneyMax,
                    // moneyMin: "",
                    name: this.data.loginedUserInfo.name,
                    score: this.data.loginedUserInfo.score,
                    // pagesNum: 850,
                    provinces: this.searchForm.provinces,
                    // provincesData: "{\"data\":\"\"}",
                    ranking: parseInt(this.searchForm.ranking),
                    scoreDown: parseInt(this.searchForm.scoreDown),
                    scoreUp: parseInt(this.searchForm.scoreUp),
                    // total: 8491,
                    universityName: this.searchForm.universityName,
                    userAccount: this.searchForm.userAccount,
                    current: this.allCurrent.all
                }),
                headers: {
                    'Accept': '*/*',
                }
            };

            axios(config) // search
                .then((res) => {
                    this.all = res.data.results;
                    this.allPageNums.all = res.data.count
                    // this.searchForm.pagesNum = parseInt(this.searchForm.total / 10) + ((parseInt(this.searchForm.total / 10) == this.searchForm.total / 10) ? 0 : 1);
                    this.isChangingPage=false;
                    this.isPreparing = false
                })
        },
        getApplications() {
            this.ISGet()
            this.allCurrent.all = 1
            this.allCurrent.chong = 1
            this.allCurrent.bao = 1
            this.allCurrent.wen = 1
            this.isPreparing = true;
            this.searchForm.provincesData = JSON.stringify({
                data: this.searchForm.provinces
            })
            this.searchForm['userAccount'] = this.data.loginedUserInfo.account;
            this.searchForm.batch = this.batch == 1 ? '本科' : '专科';
            this.searchForm.isSM = this.data.loginedUserInfo.isSM;
            this.searchForm.isSR = this.data.loginedUserInfo.isSR;
            // this.searchForm.score = this.data.loginedUserInfo.score
            // console.log("在这", this.data.loginedUserInfo.subjects)
            var config = {
                method: 'get',
                url: '/api/v1/fillApplication/search?data=' + JSON.stringify({
                    // account: "2300000006",
                    pagesNum: 0,
                    batch: this.searchForm.batch,
                    aa: 333,
                    subjects: this.data.loginedUserInfo.subjects,
                    // current: 1,
                    isSM: this.searchForm.isSM,
                    isSR: this.searchForm.isSR,
                    levels: this.searchForm.levels,
                    majorName: this.searchForm.majorName,
                    moneyMax: this.searchForm.moneyMax,
                    // moneyMin: "",
                    name: this.data.loginedUserInfo.name,
                    score: this.data.loginedUserInfo.score,
                    // pagesNum: 850,
                    provinces: this.searchForm.provinces,
                    // provincesData: "{\"data\":\"\"}",
                    ranking: parseInt(this.searchForm.ranking),
                    scoreDown: parseInt(this.searchForm.scoreDown),
                    scoreUp: parseInt(this.searchForm.scoreUp),
                    // total: 8491,
                    universityName: this.searchForm.universityName,
                    userAccount: this.searchForm.userAccount,
                    current: this.searchForm.current

                }),
                headers: {
                    'Accept': '*/*',
                }
            };
            // console.log("searchForm",this.searchForm)

            axios(config) // search
                .then((res) => {
                    console.log("2", res.data)
                    // console.log(res.data)

                    // this.isPreparing = false;
                    // console.log(res.data)
                    this.all = res.data.results;

                    // this.allApplications.all = res.data.results;
                    this.allPageNums.all = res.data.count
                    // console.log("this.apllic", res.data)
                    // this.searchForm.total = res.data.total;
                    // this.searchForm.pagesNum = parseInt(this.searchForm.total / 10) + ((parseInt(this.searchForm.total / 10) == this.searchForm.total / 10) ? 0 : 1);
                    this.isPreparing = false

                })
                this.isSmartSearching=true
            axios({
                method: 'get',
                url: '/api/v1/vip/smartSearch?data=' + JSON.stringify({
                    // account: "2300000006",
                    chongL: this.allCurrent.chong,
                    wenL: this.allCurrent.wen,
                    baoL: this.allCurrent.bao,
                    batch: this.searchForm.batch,
                    subjects: this.data.loginedUserInfo.subjects,
                    isSM: this.searchForm.isSM,
                    isSR: this.searchForm.isSR,
                    levels: this.searchForm.levels,
                    majorName: this.searchForm.majorName,
                    moneyMax: this.searchForm.moneyMax,
                    // moneyMin: "",
                    name: this.data.loginedUserInfo.name,
                    score: this.data.loginedUserInfo.score,
                    // pagesNum: 850,
                    provinces: this.searchForm.provinces,
                    // provincesData: "{\"data\":\"\"}",
                    ranking: parseInt(this.searchForm.ranking),
                    scoreDown: parseInt(this.searchForm.scoreDown),
                    scoreUp: parseInt(this.searchForm.scoreUp),
                    // total: 8491,
                    universityName: this.searchForm.universityName,
                    userAccount: this.searchForm.userAccount,
                    current: this.searchForm.current
                }),
                headers: {
                    'Accept': '*/*',
                }
            }).then((res) => {
                this.isPreparing = false
                console.log("查出来的chong", res.data.chong)
                console.log("查出来的wen", res.data.wen)
                console.log("查出来的bao", res.data.bao)
                this.allPageNums.chong = res.data.chongL
                this.allPageNums.wen = res.data.wenL
                this.allPageNums.bao = res.data.baoL
                this.bao = res.data.bao
                this.wen = res.data.wen
                this.chong = res.data.chong
                this.isSmartSearching=false

            })
        },
        subtractYear(num) {
            var currentYear = new Date().getFullYear();
            return currentYear - num;
        },
        ISGet(){
            this.isPreparing = true
            let _this = this
            this.searchForm.account = this.data.loginedUserInfo.account
            this.searchForm.provincesData = JSON.stringify({
                data: this.searchForm.provinces
            })
            this.searchForm['userAccount'] = this.data.loginedUserInfo.account;
            this.searchForm.batch = this.batch == 1 ? '本科' : '专科';
            this.searchForm.isSM = this.data.loginedUserInfo.isSM;
            this.searchForm.isSR = this.data.loginedUserInfo.isSR;
            let data = {
                form:{
                    account: this.searchForm.account,
                    batch: this.searchForm.batch,
                    subjects: this.data.loginedUserInfo.subjects,
                    isSM: this.searchForm.isSM,
                    isSR: this.searchForm.isSR,
                    levels: this.searchForm.levels,
                    majorName: this.searchForm.majorName,
                    moneyMax: this.searchForm.moneyMax,
                    name: this.searchForm.name,
                    provinces: this.searchForm.provinces,
                    ranking: parseInt(this.data.loginedUserInfo.ranking),
                    score: parseInt(this.data.loginedUserInfo.score),
                    scoreDown: parseInt(this.searchForm.scoreDown),
                    scoreUp: parseInt(this.searchForm.scoreUp),
                    universityName: this.searchForm.universityName,
                    userAccount: this.searchForm.userAccount,
                    subjectScores: JSON.stringify(this.data.loginedUserInfo.subjectScores)
                },
                page:_this.daCurrent,
                size:10,
                type:_this.daType
            }
            axios.get('/api/v1/intelligentSelection/get?data=' + JSON.stringify(data)).then(res=>{
                console.log(res)
                _this.displayApplications = res.data.results
                _this.daTotal = _this.getPageNum(res.data[_this.daType + "Length"])
                _this.isSmartSearching = false
                _this.isPreparing = false
            })
        }
    },
    props: {
        data: undefined,
        showUniversityIntroductionPage: undefined,
        changePage: undefined,
        showBuyVIPWarningForm: undefined
    },
}
</script>

<style scoped>
.menu-item:hover {
    background-color: rgb(0, 110, 205);
}

.menu-item {
    width: 100%;
    padding: 10px 10px;
    border-radius: 5px;
    cursor: pointer;
    background-color: rgb(0, 120, 215);
    color: white;
    position: relative;
}

.university-item:active {
    scale: 0.99;
}

.university-item {
    transition: scale .1s;
}

.right-button svg {
    position: absolute;
    right: 15px;
    top: 15px;
}

.right-button:hover {
    background-color: rgb(242, 242, 242);
}

.right-button {
    width: 100%;
    padding: 15px 15px;
    border-radius: 5px;
    cursor: pointer;
    line-height: 15px;
    position: relative;
    margin-bottom: 5px;
}
</style>